Question

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

select REPLACE('This\ is\ my\ string', '\','');

这在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中使用此插件的正确方法吗？

嗯，经过深入研究，这是并排传单中的错误之一。仍然不知道如何解决。

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;
},

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

1 个答案: