Leaflet .locate watch 选项在更改选项卡 Ionic 3 后会中断 .locate

Question

我有一个名为 loadmap(){} 的函数，我在其中创建地图。我正在使用

加载此函数

 ionViewDidEnter() {
this.loadmap();


  }

我有内部加载图

  this.map = leaflet.map("map").fitWorld();

这就是我初始化地图的方式

这就是我在用户更改选项卡时删除地图的方式。

ionViewDidLeave(){

    this.map.remove();


  }

这是我的 .locate 函数：

var usermarker;


  this.map.locate({
    setView: true,
    maxZoom: 120,
    watch:true,
    enableHighAccuracy:true



  }).on("locationfound", e => {
    if (!usermarker) {
      usermarker = new L.marker(e.latlng).addTo(this.map);
  } else {
      usermarker.setLatLng(e.latlng);
  }
}).on("locationerror", error => {
  if (usermarker) {
      this.map.removeLayer(usermarker);
      usermarker = undefined;
  }
});

问题在于第一次 .locate 功能有效。但是如果我更改选项卡并返回到地图选项卡 .locate 功能不起作用。如果我删除监视选项它可以工作。

谢谢

Answer 1

除了map.remove()，你还得打电话给map.stopLocate()：

停止观看之前由map.locate({watch: true})发起的位置

现场演示：https://plnkr.co/edit/PKMPjfX3zD3QdWmEI0iX?p=preview（使用“切换地图”按钮模拟您不断变化的选项卡）

话虽如此，Leaflet 确实可以在使用remove map 方法时自动执行此操作。 => 合并到PR Leaflet/Leaflet#5893