Difference between revisions of "Test"

@@ Line 1: / Line 1: @@
-<html>
-<head>
-<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
-	<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
-<style>
-#map {
-  height: 500px;
-  width: 100%;
-  max-width: 100%;
-  max-height: 100%;
-}
-</style>
-</head>
- <body>
-  <div id="map" style="width: 100%; height: 500px;"></div>
-<script>
-  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 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: '&copy; <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: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'}).addTo(map);
-  // for Layer Control
-  var baseMaps = {
-    "Open Street Map": osm,
-    "Open Topo Map": topo,
-  };
-  var overlayMaps = {
-    "USA":url,
-    "USAb":url2,
-  };
-  //Add layer control
-  L.control.layers(baseMaps, overlayMaps).addTo(map);
-</script>
-</body>
-</html>

Latest revision as of 05:51, 29 September 2022