Leaflet 创建一条线（画的效果）

最新推荐文章于 2024-07-05 11:11:56 发布

熬夜小宝贝

最新推荐文章于 2024-07-05 11:11:56 发布

阅读量445

点赞数

分类专栏： Leaflet 文章标签：前端

本文链接：https://blog.csdn.net/CycleByle/article/details/132232011

版权

Leaflet 专栏收录该内容

3 篇文章 0 订阅

订阅专栏


  const data= [
        [36.69224227956309, 110.92799511728634],
        [36.69197501476073, 110.9304389005796],
        [36.69086635084643, 110.93018588261238],
        [36.69122270884789, 110.92786552271781],
        [36.69224227956309, 110.92799511728634],
      ];  
   
 var polyline = L.polyline(data, { color: 'pink', weight: 10}).addTo(map);
      var i = 0;
      function animate() {
        if (i < data.length) {
          polyline.addLatLng(data[i]);
          i++;
          setTimeout(animate, 10000); // 设置刷新速度，单位为毫秒
        }
      }
      animate();