Thu Nov 9 16:09:00 CST 2023 inscode

d82c21a3 · kinghzking · a82fb128 · d82c21a3
隐藏空白更改
内联并排

Showing with 18 addition and 12 deletion

test/leaflet.html test/leaflet.html +18 -12

未找到文件。
--- a/test/leaflet.html
+++ b/test/leaflet.html
@@ -4,27 +4,33 @@
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
+  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
+  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
  <title>Document</title>
+  <style>
+      html, body, #map { height: 100%; }
+  </style>
 </head>
 <body>
  <div id="map"></div>
  <script>
-    var map = L.map('map').setView([51.505, -0.12], 13);
+    var map = new L.Map('map', {
-    L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/streets-v10/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoiZ3Jhc2giLCJhIjoiY2ludGVncmF0aW9uaW50biJ9.307npnHiWXDn9B37olXTLnA', {
+            center: new L.LatLng(39.86,116.45),
-    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
+            zoom: 4
-    maxZoom: 18,
+        });
-    minZoom: 10
+    L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {
+      attribution: '夜猫逐梦 @CartoDB Positron',
+      maxZoom: 18
    }).addTo(map);
-    var polyline = L.polyline([[51.505, -0.12], [51.515, -0.125]], {
+    var polyline = L.polyline([[39.92,116.46], [31.213,121.445]], {
        color: 'red',
        weight: 3
    }).addTo(map);
-    var animation = new L.Animate(polyline, {
-        positions: [[51.505, -0.12], [51.515, -0.125]],
+    var bj = L.marker([39.92,116.46]).bindPopup('这里是北京');
-        opacity: 0.5,
+    var sh = L.marker([31.213,121.445]).bindPopup('这里是上海');
-        ease: 'linear'
+    var gz = L.marker([23.16,113.23]).bindPopup('这里是广州');
-    }).run();
+    var cities = L.layerGroup([bj, sh, gz]).addTo(map);
  </script>
 </body>
 </html>
\ No newline at end of file