Difference between revisions of "Test"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | <style> | + | <head> |
| − | . | + | <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/> |
| − | + | <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script> | |
| − | + | ||
| − | + | <style> | |
| − | + | .leaflet-container { | |
| − | + | height: 400px; | |
| − | + | width: 600px; | |
| − | + | max-width: 100%; | |
| − | </ | + | max-height: 100%; |
| − | <div | + | } |
| − | < | + | </style> |
| − | </ | + | |
| + | |||
| + | </head> | ||
| + | <body> | ||
| + | |||
| + | |||
| + | |||
| + | <div id="map" style="width: 600px; height: 400px;"></div> | ||
| + | <script> | ||
| + | |||
| + | var map = L.map('map').setView([51.505, -0.09], 13); | ||
| + | |||
| + | var tiles = L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { | ||
| + | maxZoom: 18, | ||
| + | attribution: 'Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, ' + | ||
| + | 'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', | ||
| + | id: 'mapbox/streets-v11', | ||
| + | tileSize: 512, | ||
| + | zoomOffset: -1 | ||
| + | }).addTo(map); | ||
| + | |||
| + | </script> | ||
| + | |||
| + | |||
| + | |||
| + | </body> | ||
| + | </html> | ||
</html> | </html> | ||
Revision as of 14:15, 23 February 2022
</html>