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

Question

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

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

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

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