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>