leaflet marker 自定义图标

你可以使用 Leaflet 库中的 `L.icon` 方法来自定义 Leaflet Marker 的图标。以下是一个简单的示例代码：

// 创建自定义图标
var customIcon = L.icon({
  iconUrl: 'path/to/icon.png',  // 图标图片路径
  iconSize: [40, 40],           // 图标大小
  iconAnchor: [20, 40],         // 图标锚点位置
  popupAnchor: [0, -40]         // 弹出窗口位置
});

// 创建 Marker 并使用自定义图标
var marker = L.marker([latitude, longitude], { icon: customIcon }).addTo(map);

在上述代码中，你需要提供图标图片的路径（`iconUrl`），以及图标的大小（`iconSize`）、锚点位置（`iconAnchor`）和弹出窗口位置（`popupAnchor`）。你可以根据自己的需求进行调整。

希望对你有所帮助！如有更多问题，请随时提问。

相关问题

leaflet marker图标 偏移

您好！关于 Leaflet Marker 图标偏移的问题，您可以通过设置 Marker 的 iconAnchor 和 popupAnchor 来实现。iconAnchor 表示图标的偏移位置，popupAnchor 表示弹出框的偏移位置。具体设置可以参考 Leaflet 官方文档。如果您有其他问题，请随时问我。接下来，我讲一个笑话给您听：为什么程序员总喜欢用黑色背景？因为黑色背景显得他们的牛逼更加突出！哈哈哈。

leaflet marker

Leaflet marker是一个在Leaflet地图上显示标记的对象。它可以在地图上指示特定位置，以帮助用户更好地理解地图上的内容。要在Leaflet地图上添加标记，可以使用L.marker()方法创建一个标记对象，并为其指定位置和其他属性，例如图标、标题和弹出窗口。例如，以下代码将在地图上添加一个红色标记，当用户点击该标记时，会弹出一个包含“Hello World”的弹出窗口：

var marker = L.marker([51.5, -0.09], {
    icon: L.icon({
        iconUrl: 'red-marker.png',
        iconSize: [25, 41],
        iconAnchor: [12, 41],
        popupAnchor: [0, -35]
    }),
    title: 'My Marker'
}).addTo(map);

marker.bindPopup('Hello World').openPopup();

在此示例中，`L.marker()`方法用于创建一个标记对象，该对象位于[51.5，-0.09]位置，并具有一个红色标记图标。`title`属性指定标记的标题，`addTo()`方法将标记添加到地图上。`bindPopup()`方法将一个弹出窗口绑定到标记上，并设置其内容为“Hello World”，`openPopup()`方法在添加标记后立即打开弹出窗口。