Откройте несколько пользовательских информационных окон на плагине ionic cordova google map
Я новичок в ионных рамках. я строю приложение, которое работает с плагином Google Map Cordova. Моя проблема заключается в следующем: я хочу, чтобы все пользовательские информационные окна отображались после загрузки карты. Я перепробовал много вариантов, но все же не повезло. Теперь он открывает только одно окно за клик по маркеру и закрывает его, когда я кликаю по другому маркеру. Может быть, кто-то может помочь мне решить эту проблему? большое спасибо!!
addMarkers(markers){
for(let marker of markers){
this.map.addCircle({
center:{lat:marker.lat, lng:marker.lng},
radius: 50,
strokeColor: 'red',
strokeWidth:1,
fillColor:'red'
});
this.map.addMarker({
icon: {
'url': "./assets/marker.png",
'size': {
width: 27,
height: 10
},
},
animation: 'DROP',
position: {
lat: marker.lat,
lng: marker.lng
}
}).then((marker)=>{
marker.on(GoogleMapsEvent.MARKER_CLICK)
.subscribe(() => {
this.bindInfo(marker, this.setDiv(div));
})
})
}
}
setDiv(div){
let compFactory = this.resolver.resolveComponentFactory(DivComponent);
this.compRef = compFactory.create(this.injector);
if (this.compRef) this.compRef.instance.timeInSeconds = div.time;
this.appRef.attachView(this.compRef.hostView);
let div = document.createElement('div');
div.appendChild(this.compRef.location.nativeElement);
return div
}
bindInfo(marker, content){
let info= new HtmlInfoWindow();
info.setContent(content);
info.open(marker)
}
1 ответ
Решение
К сожалению, вы не можете одновременно отображать несколько информационных окон.
Источник: https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/329