javascript - 输入在此代码中添加标记样式的位置(传单)

Question

我是一般编码和传单方面的初学者。我遇到了一个小问题。我有这段代码有一个可拖动的用户提交标记。

var currentMarker;
map.on("click", function (event) {
if (currentMarker) {
    currentMarker._icon.style.transition = "transform 0.3s ease-out";
    currentMarker._shadow.style.transition = "transform 0.3s ease-out";        
    currentMarker.setLatLng(event.latlng);

    setTimeout(function () {
        currentMarker._icon.style.transition = null;
        currentMarker._shadow.style.transition = null;
    }, 300);
    return;
}

currentMarker = L.marker(event.latlng, {
    draggable: true
}).addTo(map).on("click", function () {
    event.originalEvent.stopPropagation();
}).bindPopup("HI").openPopup();
});

document.getElementById("done").addEventListener("click", function () {
currentMarker = null;
});

我还使用 awesome-markers 传单插件来设置我已经放置在 map 上的标记的样式。我正在寻求帮助，了解我应该将这段代码放在上面列出的代码中的什么位置，以便使用这些选项设置通用标记的样式。

icon: L.AwesomeMarkers.icon({
    icon: '#fix',
    markerColor: 'darkpurple',
    iconColor: '#F8FAEE',           
})    

我尝试了很多不同的地方，尽管正如我所说的，我是一个初学者，如果确实可行的话，我可能会忽略该怎么做。感谢您的帮助和宝贵的时间。

Answer 1

欢迎来到 SO!

icon是 L.marker 工厂的一个选项，就像你的 draggable: true选项。

L.marker(event.latlng, {
  draggable: true,
  icon: L.AwesomeMarkers.icon({ /* … */ })
}).addTo(map)

另见 Markers With Custom Icons传单教程，以及Leaflet.awesome-markers插件主页，链接到在线 demo您可以从中获得代码灵感。