在单击其他地方时，如何简单地更改单击标记图标，然后返回原始状态？

Question

我正在尝试在我的自定义地图上获取此功能 https：//rodadagua.netlify.app/

've在这里找到了一些非常紧密的例子和问题，但不幸的是，我不知道自己在做什么。

这本质上是相同的问题更改（并在单击时更改）传单图标但是，有了这样的基本知识，我无法解决。我还发现了这个问题传单映射：单击“单击更改所有颜色的颜色”标记和示例

我想在单击时更改标记图标（以显示不同的彩色版本），然后在单击其他地方（例如，EG）时返回原始状态（原始图标/颜色）。关闭关联的弹出窗口或单击地图或单击另一个标记。

我要去的壁橱是我可以点击更改图标，但我想将其更改。

var defaultIcon = L.icon({
    iconUrl: 'scripts/leaflet/images/marker-icon.png',
    shadowUrl: 'scripts/leaflet/images/marker-shadow.png',
});

var brownIcon = L.icon({
    iconUrl: 'scripts/leaflet/images/marker-icon-brown.png',
    shadowUrl: 'scripts/leaflet/images/marker-shadow.png',
});

var testmarker = L.marker([0.0, 0.0], {icon: defaultIcon}).addTo(map);

testmarker.on('click', function(e) {
  testmarker.setIcon(brownIcon);
});   

我正在使用基本的传单脚本来定义地图等。然后，我的所有标记和弹出窗口都像此示例一样设置：

var marker_Waldemar = L.marker([15.0, -40.0]).addTo(map);
marker_Waldemar.bindPopup('<h3>EMEF Prof. Waldemar Rodrigues</h3><p><iframe src="https://galeriafeira.netlify.app/" width="500" height="354" style="border:none;"></iframe></p><p><b>Feira de Ci&ecirc;ncias</b></p>', {
    maxWidth : 520,
    maxHeight : 450,
});

我想确切地知道我需要放置什么代码以及在哪里。

Answer 1

$("body").click(function(){
  testmarker.setIcon(defaultIcon);
});

它将完成工作！