Menampilkan peta dan market dalam google map pada website
Menampilan peta wilayah kita dengan google map sangatlah mudah. Dengan memanfaatkan API dari google map kita bisa memodifikasi sesuai dengan kebutuhna kita. Tapi sayang, kebijakan google yang baru tentang penerapan tarif pakai per-25.000 dalam satu hari akan dikenakan biaya. Tapi kita akan lewati bagian yang bayar-membayar, kita coba menampilkan peta dari google map dengan marker pada koordinat yang akan berisi informasi tentang wilayah tersebut.
Untitled Document
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Peta - Pujon</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA496CbrflCxvduLD30wNsqhQq3tWW1UGy0rG7B4F3xzgSR63hWxSoz3WEdQlXbSF2-qEhMm4zqDCfRg" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setMapType(G_HYBRID_MAP);
//lang,lat pujon
var point = new GLatLng(-7.839032,112.456758);
//lang,lat smp plus
var point2 = new GLatLng(-7.839978,112.456087);
map.setCenter(point, 17);
var marker = new GMarker(point);
var marker2 = new GMarker(point2);
map.addOverlay(marker2);
GEvent.addListener(marker2, "click", function() {marker2.openInfoWindowHtml('Lokasi Bangunan : SMP Plus Fityani Pujon');});
}
}
window.onload=load;
window.onunload=GUnload;
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<!--pemanggilan map -->
<div id="map" style="width: 1024px; height: 780px"></div>
/body>
</html>
Comments
Post a Comment
Please Don't make SPAM HERE !