Dalam postingan kali ini, saya akan memberi tahu Anda cara menerapkan bidang teks alamat pencarian otomatis di peta Google dan menunjukkan penanda yang sesuai.
Anda juga akan tahu cara mendapatkan data seperti lat,lng,alamat dari peta Google ke formulir html Anda.
Ini sangat berguna untuk aplikasi Anda di mana Anda perlu melacak lokasi pelanggan Anda.
Anda akan mendapatkan alamat dan koordinat lokasi di event handler perubahan tempat dari kotak teks pelengkapan otomatis Google atau bahkan Anda memindahkan penanda Anda di peta Google.
Anda harus terlebih dahulu mewarisi skrip Google Maps API bersama dengan perpustakaan tempat.
Pada contoh di atas, kita mendefinisikan fungsi bindDataToForm yang digunakan untuk mengikat data ke dalam form field dan metode showTooltip.
Anda dapat menambahkan CSS berikut agar kotak pencarian pelengkapan otomatis Anda terlihat lebih baik di atas peta google.
Dalam contoh di atas, ketika Anda memilih alamat dari bidang teks pelengkapan otomatis maka pemicu perubahan tempat terjadi dan Anda mendapatkan detailnya ke bidang formulir Anda,
Dengan cara yang sama ketika Anda menyeret penanda ke lokasi yang berbeda di peta maka peristiwa dragend penanda diaktifkan dan menghasilkan Lintang, Bujur dan alamat pos dari lokasi tempat Anda menempatkan penanda yang dapat Anda masukkan ke dalam formulir Anda.