Postingan lainnya
Menentukan lokasi di web dengan google map
Hai semua, Saya punya kasus begini, Ceritanya saya mau buat halaman profil untuk user, nah di setiap halaman profil ada lokasi usaha setiap user dg menggunakan iframe google map. . Nah, krna setiap user punya lokasi usaha berbeda, di halaman edit profile harusnya ada form khusus user untuk mengisi lokasinya . Nah, kira2 itu data apa ya, yg harus diisi. Supaya nanti pas dipanggil di halaman profil, si google map langsung nampilin peta lokasi usahanya.
Terima kasih
2 Jawaban:
Pertama akun console di google dulu, baru aktifkan api buat maps lalu copy secret key yg dikasi google buat diganti ama script yg udah disediain google.
Untuk geolocatenya, copy geolocate di maps.google.com lalu copas di website yg bisa generatekan latitude dan longtitude.
<h3>My Google Maps Demo</h3>
<div id="map"></div>
<script>
function initMap() {
//-25.363 itu latitude
// 131.004 itu longtitude
// Latitude dan longtitude bisa di generatekan di http://en.mygeoposition.com
var uluru = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=KODE_API_TADI&callback=initMap">
</script>