leaflet添加marker

最新推荐文章于 2023-04-28 10:22:11 发布

有玉微凉，是为樱琅

最新推荐文章于 2023-04-28 10:22:11 发布

阅读量513

点赞数

分类专栏： mapbox+leaflet 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/Sakura1998gis/article/details/130014546

版权

mapbox+leaflet 专栏收录该内容

61 篇文章 4 订阅

订阅专栏

      // 渲染假数据
      makeFakeToMap(data) {
        // 创建图层，添加到 map
        let map = this.$refs.map.map
        let fakeLayer = L.canvasIconLayer({}).addTo(map);
        // console.log(data)
        // // 把 Marker 添加到图层
        data.forEach(e => {
          if (e.lat != null) {
            // 添加marker
            let icon = L.icon({
              iconUrl: e.icon,
              iconSize: [16, 16],
              iconAnchor: [8, 8]
            });
            let marker = L.marker([e.lng, e.lat], {
              icon: icon
            })
            // 把 Marker 添加到图层
            fakeLayer.addLayer(marker);
          }
        });
      },