Cara Membuat Pencarian Lokasi Google Map dengan PHP



Pada postingan kali ini , vaishal.net akan membuat tutorial tentang bagaimana cara membuat pencarian lokasi google map dengan script php sederhana seperti contoh gambar berikut ini:













nah langsung saja kita mulai dari langkah pertama buka aplikasi notepad++ atau editor kesayangan anda yang biasa di pakai.





buat file php dengan nama map.php tambahkan script yang ada di bawah ini ke tag sebelum </body>






<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=API_KEY"></script>
<script
type="text/javascript">
function initialize() {

var fromt = document.getElementById('FromsearchTextField');
var autocomplete = new google.maps.places.Autocomplete(fromt);


}
google.maps.event.addDomListener(window, 'load', initialize);
</script>







setelah itu tambahkan id="FromsearchTextField" pada textbox yang anda inginkan untuk dapat di jadikan pencarian lokasi seperti yang ada di google map, lalu simpan lalu jalankan script tersebut.




Tambahan:

jika anda hanya ingin menampilkan lokasi di negara indonesia saja di hasil pencariannya:

silahkan ubah kode di atas tadi jadi seperti ini:




<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=API_KEY"></script>
<script
type="text/javascript">
function initialize() {

var options = {
componentRestrictions: {country: 'id'}
};


var fromt = document.getElementById('FromsearchTextField');
var autocomplete = new google.maps.places.Autocomplete(fromt,options);


}
google.maps.event.addDomListener(window, 'load', initialize);
</script>




simpan lalu jalankan script tersebut, semoga bermanfaat.



Posting Komentar

Lebih baru Lebih lama