Membuat pencarian alamat menggunakan autocomplete google maps - Fungsi ini berguna untuk melakukan pencarian alamat menggunakan autocomplete google maps tanpa harus menyisipkan maps pada web , hanya perlu textbox saja, jadi saat kita mengetikan sebuah alamat pada textbox akan muncul saran nama alamat yang kita ketikan .
Contoh nya seperti berikut ini :
HTML :
Javascript :
Contoh nya seperti berikut ini :
HTML :
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDSbPo0Xbwou2EpteiBxnnK1nMokQLN3J0&libraries=places"></script>
<head>
<body>
<input id="alamat" placeholder="Masukan Alamat.." style="width: max;" type="text" />
</body>
</html>
Javascript :
<script type="text/javascript">Bagaimana mudah sekali bukan ?
google.maps.event.addDomListener(window, 'load', function () {
var places = new google.maps.places.Autocomplete(document.getElementById('alamat'));
google.maps.event.addListener(places, 'place_changed', function () {
var place = places.getPlace();
var address = place.formatted_address;
var latitudeLongitude = place.geometry.location;
var mesg = "Address: " + address;
mesg += "\nLatitudeLongitude: " + latitudeLongitude;
alert(mesg);
});
});
</script>
Membuat pencarian alamat menggunakan autocomplete google maps
4/
5
Oleh
share.materi
