Apa itu Google Maps?
Google Maps adalah Google API
Google Font adalah Google API
Google Charts adalah Google API
Pelajari cara menambahkan Google Maps ke halaman web Anda.
Google Map Pertama Saya
Mulailah dengan halaman web sederhana.
Tambahkan elemen <div> di mana Anda ingin peta ditampilkan, dan atur ukuran peta:
Contoh
<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map</h1>
<div id="map" style="width:100%;height:400px;">My map will go here</div>
</body>
<html>
Tambahkan fungsi JavaScript untuk menampilkan peta:
Contoh
function myMap() {
var mapCanvas =
document.getElementById("map");
var mapOptions = {
center: new google.maps.LatLng(51.5, -0.2),
zoom:
10
};
var map = new google.maps.Map(mapCanvas,
mapOptions);
}
Variabel mapCanvas adalah elemen HTML peta.
Variabel mapOptions mendefinisikan properti untuk peta.
Properti center menentukan tempat untuk memusatkan peta (menggunakan koordinat lintang dan bujur).
Properti zoom menentukan tingkat zoom untuk peta (cobalah bereksperimen dengan tingkat zoom).
Objek google.maps.Map dibuat dengan mapCanvas dan mapOptions sebagai parameter.
Terakhir Tambahkan Google API
Fungsionalitas peta disediakan oleh perpustakaan JavaScript yang terletak di Google:
Contoh
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Tutorial Google Maps
Pelajari lebih lanjut tentang Google Maps di Tutorial Google Maps kami .