Difference between revisions of "Test"
Jump to navigation
Jump to search
Line 20: | Line 20: | ||
<script> | <script> | ||
− | var url = 'usa.json'; // my GeoJSON data source, in same folder as my html page. | + | var url = 'usa.json'; // my GeoJSON data source, in same folder as my html page. |
− | var url2 = 'usa.json'; // my GeoJSON data source, in same folder as my html page. | + | var url2 = 'usa.json'; // my GeoJSON data source, in same folder as my html page. |
− | + | var map = L.map('map').setView([47.7541, -107.05078], 3); | |
− | + | var topo=new L.tileLayer('http://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',{ | |
− | + | attribution: '© <a href="http://osm.org/copyright">OpenTopoMap</a> contributors'}).addTo(map); | |
− | + | var osm=new L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',{ | |
− | + | attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'}).addTo(map); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | // for Layer Control | + | // for Layer Control |
− | var baseMaps = { | + | var baseMaps = { |
"Open Street Map": osm, | "Open Street Map": osm, | ||
"Open Topo Map": topo, | "Open Topo Map": topo, | ||
− | }; | + | }; |
− | var overlayMaps = { | + | var overlayMaps = { |
− | "USA": | + | "USA":url, |
"USAb":url2, | "USAb":url2, | ||
− | }; | + | }; |
− | //Add layer control | + | //Add layer control |
− | L.control.layers(baseMaps, overlayMaps).addTo(map); | + | L.control.layers(baseMaps, overlayMaps).addTo(map); |
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 08:00, 25 February 2022