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 = 'REFUGIA_MALEY96.geojson';  // my GeoJSON data source, in same folder as my html page.
-	var map = L.map('map').setView([10, 5], 4);
-	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);
-        function style(feature) {
-    return {
-        fillColor: 'green',
-        fillOpacity: 0.5,
-        weight: 2,
-        opacity: 1,
-        color: '#ffffff',
-        dashArray: '3'
-    };
-}
-var bbTeam = L.geoJSON(null, {onEachFeature: forEachFeature, style: style});
-// Get GeoJSON data and create features.
-$.getJSON(url, function(data) {
-        bbTeam.addData(data);
-});
-bbTeam.addTo(map);
-    </script>
-  </body>
-</html>

Latest revision as of 05:51, 29 September 2022