Question

我正在尝试为透明层调用函数。但是什么都没发生使用这个

<li class="list-group-item">
      Remove All
      <div class="material-switch pull-right">
        <input id="removeAll" name="someSwitchOption001" type="checkbox" />
        <label for="removeAll" class="label-success"></label>
      </div>
    </li>

这是我的剧本

    var map = new L.Map('map', {zoom: 8, center: new L.latLng([-2.9365327,  104.4950964]) });


  map.addLayer(new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png')); //base layer
  <?php foreach ($map_link->result_array() as $i) :?>


    var <?= $i['maplink_var']; ?> = new L.GeoJSON(<?= $i['maplink_var']; ?>, {
      style: function(feature) {
        return {color: feature.properties.color };
      },
      onEachFeature: function(feature, marker) {
       const p = feature.properties;
       p.title = 'p.Name';

       marker.on('click', function (e) {

         var idlink="<?php echo $i['maplink_var']; ?>";
         var aab=feature.properties.ID;
         var numlat =  e.latlng.lat;
         var nlat = numlat.toFixed(3);
         var numlng = e.latlng.lng;
         var nlng = numlng.toFixed(3);

         marker.bindPopup('<td>'+feature.properties.Name+'</td><td>'+ nlat  +'</td><td>'+ nlng +'</td>');
       });

     }
   });
    function removeAllMarkers(){
      markers.clearLayers();
    }

    document.querySelector('removeAll').onclick=function(){removeAllMarkers()};
    map.addLayer(<?= $i['maplink_var']; ?>);

  <?php endforeach; ?>

调用功能ID是否有错误？因为没有错误通知，只是单击时什么也没发生。

Answer 1

应该{{1}}（请注意井号＃）来选择ID。

您未指定document.querySelector('#removeAll')是什么（可能是错字）。

此外，使用markers只能附加1个回调，因此，如果在foreach循环中进行回调，则只会调用最后一个。

您最好使用中间层组，在其中添加构建的GeoJSON层，而不是直接将其添加到地图中。

调用函数删除传单上的图层时没有任何反应

1 个答案: