Bayu Kurniawan R

Think about GIS, Linux and Oracle

Google Maps API

Google Maps API menyajikan Google Maps di halaman web dengan JavaScript. API menyediakan sejumlah utility untuk memanipulasi peta (seperti pada http://maps.google.com) dan menambahkan content pada peta melalui bermacam layanan, memungkinkan untuk membuat aplikasi peta yang sempurna di website.

Gimana sih memulainya :

  1. Daftar untuk key Google Maps API.
  2. Baca Maps API Concepts.
  3. Lihat beberapa Contoh Peta.
  4. Baca Maps API Reference.

Contoh Syntaks HTML (jangan lupa ubah key dan settingan lainnya) :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1″ />
<title>Bayu Kurniawan R Google Maps</title>
<script src=“http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAbta1OAo0jfu19DOUPNVgsBS-Yhw0H7RwDq-hPQhHch723wUepBTSSnNF-1G3nDm-wpXKKMpVQHzIdg” type=“text/javascript”></script>
<script type=“text/javascript”>

//<![CDATA[

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(-6.211551, 106.883926), 13);
map.setMapType(G_SATELLITE_MAP);
}
}

//]]>
</script>
</head>
<body onload=“load()” onunload=“GUnload()”>
<div id=“map” style=“width: 800px; height: 600px“></div></body>
</html>

Hasilnya bisa dilihat di http://map.bkurniawan.com/

Tags: ,

Posted in Google Map and Map and Web GIS.

1 comment

  Next Post: Wikimapia

One Reply

  1. fahmi Oct 7th 2009

    mas boleh minta petunjuknya ga??
    bisa ga mas skrip yg di atas nih di pasang ke ms4w app cahameleon??
    kalo bisa minta petunjuknya mas..makasih..saya lg buat tugas akhir nih mas..makasih sebelom nya bales yah mas


Leave a Reply