在Vue2leaflet中使用并排插件时无法拖动地图

Question

尝试在Vue2Leaflet中使用leaflet并排插件。

  mounted() {
    this.$nextTick(() => {
      this.map = this.$refs.myMap.mapObject;
      this.layer1 = this.$refs.leftLayer.mapObject;
      this.layer2 = this.$refs.rightLayer.mapObject;
      L.control.sideBySide(this.layer1, this.layer2).addTo(this.map);
    });
  }

这在PC和android浏览器上运行得很好，但在iOS中，地图不能被拖动(对于iOS的safari和chrome都是如此)。删除layer2后，可以再次拖动地图。

  mounted() {
    this.$nextTick(() => {
      this.map = this.$refs.myMap.mapObject;
      this.layer1 = this.$refs.leftLayer.mapObject;
      // this.layer2 = this.$refs.rightLayer.mapObject;
      L.control.sideBySide(this.layer1, this.layer2).addTo(this.map);
    });
  }

这是在Vue2leaflet中使用这个插件的正确方式吗？

嗯，经过深入研究，这是并排宣传单中的一个bug。我还是不知道该怎么修。

Answer 1

这对我来说很有效：

 <LMap
      :zoom="zoom"
      :center="center"
      @update:center="centerUpdated"
      ref="map"
      :watch="true"
      :options="{ zoomControl: false, dragging: mobileDragg, tap: mobileTap }"
   >

方法：

// Leaflet mobile fix
mobileDragg() {
  return !L.Browser.mobile;
},
// Leaflet mobile fix
mobileTap() {
  return !L.Browser.mobile;
},