From d82c21a36528402643aae32f6ef407e4e6a20fd1 Mon Sep 17 00:00:00 2001
From: kinghzking <kinghzking@devide>
Date: Thu, 9 Nov 2023 16:09:00 +0800
Subject: [PATCH] Thu Nov  9 16:09:00 CST 2023 inscode

---
 test/leaflet.html | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)
diff --git a/test/leaflet.html b/test/leaflet.html
index 063707b..0802a2a 100644
--- 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);
-    L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/streets-v10/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoiZ3Jhc2giLCJhIjoiY2ludGVncmF0aW9uaW50biJ9.307npnHiWXDn9B37olXTLnA', {
-    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>',
-    maxZoom: 18,
-    minZoom: 10
+    var map = new L.Map('map', {
+            center: new L.LatLng(39.86,116.45),
+            zoom: 4
+        });
+    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]],
-        opacity: 0.5,
-        ease: 'linear'
-    }).run();
+
+    var bj = L.marker([39.92,116.46]).bindPopup('这里是北京');
+    var sh = L.marker([31.213,121.445]).bindPopup('这里是上海');
+    var gz = L.marker([23.16,113.23]).bindPopup('这里是广州');
+    var cities = L.layerGroup([bj, sh, gz]).addTo(map);
   </script>
 </body>
 </html>
\ No newline at end of file
-- 
GitLab

