[google maps] nambahin google maps pada blogspot anda

/ October 21, 2007 / 4 Comments / Komunitas Web

Masih ingat cara nampilin google maps pada web html yang sebelumnya pernah saya tulis ? ( http://komunitaskami.com/newbie/belajar/web/web-nambahin-google-maps-di-situs-anda.html )

Ternyata buat nampilin Google Maps pada blogspot rada – rada susah juga, tapi akhirnya bisa juga.

Berikut tahapannya :

1. Edit template blogspot anda

Template > Edit HTML

2. Ganti tag

>< html ....... ></pre> <p>dengan</p> <pre lang="><html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en' xmlns:v='urn:schemas-microsoft-com:vml'>

3.? Tambahkan code berikut baris dibawah tag < head >

<style type="text/css"> v\:* { behavior:url(#default#VML); } </style> <script language="javascript"> function load() { if (document.getElementById("google_map_01") != null) { google_map_01(); } } function unload() { if (document.getElementById("google_map_01") != null) { GUnload(); } } </script>

4. Ganti tag

<body>

dengan

<body onload='load()' onunload='unload()'>

5. Simpan perubahan ( click Save Templates Changes )

6. Buatlah sebuah artikel baru dan masukan code berikut pada HTML mode :

<script src="http://maps.google.com/maps?file=api&v=2&key=[masukan API key anda disini]" type="text/javascript"></script><script type="text/javascript"> function google_map_01 () { if (GBrowserIsCompatible()) { var mapid = "google_map_01"; var latitude=-8.666033; var longitude=115.197969; var zoom=14; var mymap_ctl = false; var map = new GMap2(document.getElementById(mapid)); var maptype = G_HYBRID_TYPE; var type_ctl = true; var map_ctl = true; map.setCenter(new GLatLng(latitude,longitude), zoom); map.setMapType(maptype); if (type_ctl) { map.addControl(new GMapTypeControl()); } if (map_ctl) { map.addControl(new GSmallMapControl()); } if (mymap_ctl) { var geoXml = new GGeoXml(mymap); map.addOverlay(geoXml); } } else { alert('Non compatible browser'); } } </script><div id="google_map_01" style="width: 400px; height: 400px"></div>

7. Ganti? koordinat dengan koordinat lokasi yang anda inginkan.

var latitude=-8.666033; ( koordinat lintang )
var longitude=115.197969; ( koordinat bujur )

8. Save and Publish…. akhirnya blogspot anda nongol Google Maps… 🙂

Tags: , ,