Leaflet.Icon 使用记录

最新推荐文章于 2026-06-22 11:50:50 发布

原创最新推荐文章于 2026-06-22 11:50:50 发布 · 3.2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

web

当前文章被收录于：

web

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何使用Leaflet库自定义地图图标，包括创建正常和警告状态图标，以及如何通过调整大小、颜色和动画效果来增强地图标记的表现力。

NormalIcon = L.icon.pulse({
iconSize: [20, 20],
color: '#4169E1',
animate: false,
heartbeat:0
});
WarningIcon = L.icon.pulse({
iconSize: [20, 20],
color: '#E3170D',
animate: true,
heartbeat: 1
});

L.marker([ 坐标x,坐标y ], { icon: WarningIcon }).addTo(map)

var pulseIcon = L.icon({
iconUrl: 'my-icon.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
shadowUrl: 'my-icon-shadow.png',
shadowSize: [68, 95],
shadowAnchor: [22, 94]
});