У меня есть ионное приложение Google Map с несколькими маркерами. Я пытаюсь показать информацию в моем информационном окне для каждого маркера. Я полностью настроил информационное окно, но хочу сделать, когда пользователь нажимает на маркер значка и нажимает на информационное окно контента. Переход на другую страницу. Мне это нравилось, но когда я нажимал на значок маркера, он сразу переходил на другую страницу. !
loadMap() {
let htmlInfoWindow = new HtmlInfoWindow();
let frame: HTMLElement = document.createElement('div');
let mapOptions: GoogleMapOptions = {
camera: {
target: this.points,
}
};
this.map = GoogleMaps.create('map_canvas', mapOptions);
for (let i = 0; i < this.checking.features.length; i++) {
let coords = this.checking.features[i].geometry.coordinates;
let text = '' + this.checking.features[i].properties.title + '';
let mag = 'M '+this.checking.features[i].properties.mag
let date = this.checking.features[i].properties.time
let ids = this.checking.features[i].properties.ids
let latLng = new LatLng(coords[1], coords[0]);
let dateTime = this.convertUTCDateToLocalDate(new Date(date));
let finalTime = dateTime.toLocaleTimeString()
let html = `<spanstyle="font-weight: bold;>${text}</span>
<p style="color: #1a077d;">${mag} - at ${finalTime} - ${ids}</p>`
console.log(date)
let marker: Marker = this.map.addMarkerSync({
position: latLng,
icon:'./assets/10.png'
})
marker.on(GoogleMapsEvent.MARKER_CLICK).subscribe(() => {
htmlInfoWindow.open(marker)
htmlInfoWindow.setContent(html)
this._ngZone.run(() => {
this.nav.navigateForward(`/details/${ids}`);
})
})
}
}
Я хочу сделать, когда пользователь нажимает на значок маркера и показывает информацию, а затем, если пользователь хочет щелкнуть информацию о содержимом, перейдите на другую страницу. Любая идея, пожалуйста?