leaflet 渲染大量轨迹点

最新推荐文章于 2025-04-27 08:40:12 发布

米方

最新推荐文章于 2025-04-27 08:40:12 发布

阅读量806

点赞数

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

本文链接：https://blog.youkuaiyun.com/weixin_38233449/article/details/129833243

版权

leaflet 专栏收录该内容

2 篇文章

订阅专栏

文章展示了如何在Leaflet地图上使用canvas-icon-layer插件创建图层，并将自定义图标标记添加到地图上的各个点，每个标记关联了特定的经纬度和时间信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import "leaflet-canvas-marker";

this.ciLayer = L.canvasIconLayer({}).addTo(initMap);

this.mapPoints.forEach((item) => {
  let marker = L.marker([item.latitude, item.longitude], {
    icon: L.icon({
      iconUrl: require("../../../assets/images/light/map/track.png"),
      iconSize: [18, 18],
      iconAnchor: [0, 0],
    }),
    title: item.report_time,
  });
  this.ciLayer.addMarker(marker);
});