Tutorial singkat ini akan menjelaskan script dasar dari Google maps. Anda cukup menggunakan sembarang editor dan save filenya dengan nama map1.html dan buka di browser.
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Latihan Google map</title>
<style type='text/css'>
#peta {
width: 50%;
height: 400px;
} </style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
(function() {
window.onload = function() {
//Parameter Google maps
var options = {
zoom: 12, //level zoom, isi antara 1-22
//posisi tengah peta
center: new google.maps.LatLng(-7.8008, 110.380643),
//mapTypeId bisa diganti dengan
// HYBRID,TERRAIN,ROADMAP,SATELLITE
mapTypeId: google.maps.MapTypeId.ROADMAP
};
// Buat peta di
var map = new google.maps.Map(document.getElementById('peta'), options);
};
})();
</script>
</head>
<body>
<div id="peta"></div>
</body>
</html>
hasil dari script diatas adalah sbb:
Latihan
Untuk latihan, silahkan anda ganti type peta, level Zooming dan titik tengah peta
Siang Pak, saya masih newbie….. mau tanya gimana caranya mendapatkan lat & lng koordinat secara otomatis dengan PHP jika menggunakan browser GPS (seperti : http://www.where-am-i.net)
terima kasih.