Need help, Marker pada google maps tidak mau di klik.

Selamat pagi teman teman sekolah koding,

Saya mempunyai sebuah masalah pada google maps, khususnya pada saya menampilkan marker.

Marker yang saya buat sudah tampil pada maps dan saya sudah membuat sebuah pop up image jika marker tersebut di click.

Namun trouble nya adalah marker tersebut tidak mau di buka pada saat "pertama kali" saya klik,

saya harus melakukan back ke menu sebelumnya dan masuk kembali ke map, lalu marker tersebut bisa di click kembali.

dengan kata lain marker tersebut dapat pop up image jika saya meng klik ke dua kali nya dengan kondisi harus back ke menu sebelumnya dan masuk kembali ke map.

Berikut codingan nya saya akan tampilkan .

HTML :

Java Script :

loadMap(){ let mapOptions = { center: new google.maps.LatLng(-6.241721, 106.821488), zoom: 15, panControl: false, fullscreenControl: false, streetViewControl: false, mapTypeControl: false, zoomControl: true, zoomControlOptions: { position: google.maps.ControlPosition.RIGHT_TOP }, mapTypeId: google.maps.MapTypeId.ROADMAP, componentRestrictions: {country: "kh"}, travelMode : google.maps.TravelMode.DRIVING }

this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions); Geolocation.getCurrentPosition().then((position) => {

let LatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); this.map.setCenter(LatLng);

var myLoc = new google.maps.Marker({ clickable: false, icon: 'assets/img/mylocation.png', position: LatLng,

anchorPoint: new google.maps.Point(0, -20), map: this.map }); }, (err) => { MyApp.consoleLog(Xpolice.TAG, err); });

this.pos = new google.maps.LatLng(-6.241721, 106.821488);

this.marker = new google.maps.Marker({ clickable: true, position: this.pos, map: this.map, draggable: false });

this.marker.addListener('click', () => { this.map.setCenter(this.marker.getPosition()); this.popup_show = true; });

this.map.addListener('drag', () =>{ this.popup_show=false; });

this.map.addListener('click', () =>{ this.popup_show=true; }); }