时间戳

首页 > 解决方案 > Leaflet 使用 jquery 切换标记的 groupLayer

javascript - Leaflet 使用 jquery 切换标记的 groupLayer

问题描述

我想创建一个单击功能来显示和隐藏我的标记（单击我的地图旁边的 img 徽标）。

我有一个 img 标志：

<a title="Curieux" id="folieLogo"><img class="logo deuz" src="Icons/icons8-trampoline-96.png"></a>

我在 var“nordLayer”中有我的图层组：

     var nordLayer = L.layerGroup([markerA,markerB, markerC])

显示标记的功能：

     $("#folieLogo").click(function() {var nordLayer = L.layerGroup([markerA,markerB, markerC]).addTo(mymap).toggle("slow");
 });

当我单击我的徽标时，它会显示我的标记，但不会在第二次单击时隐藏它们。请帮忙。非常感谢您抽出时间。

我的地图周围有标志

标签： javascriptjqueryleafletclicktoggle

解决方案

终于在朋友的帮助下做到了，感谢你 EDEN！

仍然有我的 layerGroup 标记，称为“nordLayer”

var nordLayer = L.layerGroup([markerA,markerB, markerC])

所以我们必须为状态设置一个=0的新变量，我们称之为“clickFolie”：

var clickFolie = 0;

然后创建一个包含点击更改状态的函数：

     document.getElementById("folieLogo").onclick = function() { 
  if(clickFolie%2===0){
   nordLayer.addTo(mymap);
  }
 else{
   nordLayer.remove();
  } 
  clickFolie+=1;
 }

现在对我来说工作得很好。感谢我的朋友。希望对sbdy有帮助。

推荐阅读