Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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; }); }
3 Jawaban:
coba pas diclick, mapnya dikasih function render mas.. marker emang suka begitu.. saya gunain openlayers pun sama kalau dalam membuat marker/animation
udah solved mas JR, trouble nya kemarin di map. Case nya, map ybs belum selesai load tapi udah ada marker.
haha iyaa itu dirender mas makanya berubah .. semangat mas