leaflet

leaflet能自定义地图标记图标吗

小樊
94
2024-10-22 16:42:30
栏目: 编程语言

是的,Leaflet 允许您自定义地图标记图标。您可以通过创建 L.Icon 对象来定义自己的图标,并将其作为选项传递给 L.marker 方法。以下是相关介绍:

自定义图标的方法

示例代码

var greenIcon = L.icon({
  iconUrl: 'leaf-green.png',
  shadowUrl: 'leaf-shadow.png',
  iconSize: [38, 95],
  shadowSize: [50, 64],
  iconAnchor: [22, 94],
  shadowAnchor: [4, 62],
  popupAnchor: [-3, -76]
});

L.marker([51.5, -0.09], {icon: greenIcon}).addTo(map);

注意事项

通过上述步骤,您可以轻松地为 Leaflet 地图添加自定义标记图标,从而提升地图的视觉效果和用户体验。

0
看了该问题的人还看了