Я отчаянно пытаюсь решить эту проблему.Я надеюсь, что вы можете пролить свет на это.
У меня есть эти компоненты (Parent1, Paren2, LeafletMap
).
Parent1
включает Parent2
4 раз.Parent2
включает leafletMap
.Таким образом, это означает, что leafletmap
компонент визуализируется 4 раз.
Parent1
передает некоторые данные в Parent2
, а Parent2
выполняет некоторые модификации и передает данные другого типа для leafletMap
.
Теперь, в компоненте Parent1
, куда я включаю Parent2
, у меня есть 4 вкладок.В каждую вкладку я включаю компонент Parent2
.
Теперь Parent2
получает данные в качестве маркеров, и я передаю эти маркеры включенному компоненту Parent2
- leafletmap
.Компонент LeafletMap
делает это, как только получает данные.
let points, bounds;
points = bounds = [];
for(let i=0; i < this.markers.length; i++){
if(!this.map.hasLayer(this.markers[i])){
this.map.addLayer(this.markers[i]);
let p = new L.latLng(this.markers[i].getLatLng().lat, this.markers[i].getLatLng().lng);
points.push(p);
this.oms.addMarker(this.markers[i])
};
}
this.map.fitBounds([points]);
Error-Question: Дело в том, что этот fitbound отлично работает для первой вкладки и показывает карту правильно справильный зум.но как только я меняю вкладку, карта выглядит как синяя вещь.Я попытался утешить свойство масштабирования карты журнала после создания подгонки, и для первой вкладки она печатает 10, а для всех других вкладок она печатает 0. Почему это так?
Я использую vue.js,vuetify для вкладок и листовка для карт.