Nampilin Peta Sederhana dengan Googlemaps
Posted on: 19 Januari 2009
Pengen nampilin peta googlemaps di web kita ternyata ga sesulit yg dibayangkan..
Sebenernya saat kita daftar, kita dah dikasih contekan yang tinggal di-copy-paste aja..
Contoh koding untuk nampilin peta dengan googlemaps
Jadi untuk menampilkan peta dengan googlemaps, script yang harus disisipkan dalam web kita adalah :
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAdgJFyO1cMQZuHiYOm2wm3hQ1JBHvqaZK0R0_Zas8Lbx-0DEXyhQuMN0D4TqIcq6DF2DXCAPsIjBFWw"
type="text/javascript"></script>
script ini wajib disertakan jika ingin menampilkan googlemaps, dengan key sesuai dengan yg didapat saat kita daftar API-key. Dalam contoh ini key-nya adalah ABQIAAAAdgJFyO1cMQZuHiYOm2wm3hQ1JBHvqaZK0R0_Zas8Lbx-0DEXyhQuMN0D4TqIcq6DF2DXCAPsIjBFWw
<body onload="load()" onunload="GUnload()">
Manggil fungsi gunload yg disediain dari googlemaps pada waktu unload.. Dan fungsi load yg ada di javascript waktu nge-load.. Fungsi load tsb adalah :
function load() {
if (GBrowserIsCompatible()) {
ngecek browsernya bisa buat google maps ga..
var map = new GMap2(document.getElementById("map"));
nampilin peta di :
<div id="map" style="width: 500px; height: 300px"></div>
yg ukurannya 500×300 pixel.. Ukuran ini bisa diganti sesuai keinginan..
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
mengeset tampilan peta dengan titik tengah pada latitude 37.4419 dan longitude -122.1419, dengan tampilan zoom 4.
Latitude, longitude, dan zoom ini dapat diganti sesuai dengan tampilan yang kita inginkan..
Misalnya untuk peta Indonesia, menjadi :
map.setCenter(new GLatLng(-0.966751,118.564453), 4);
Selamat mencoba 
