[google maps] nambahin google maps pada blogspot anda
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 ……. >
dengan
< html xmlns=’http://www.w3.org/1999/xhtml’ xml:lang=’en’ lang=’en’ xmlns:v=’urn:schemas-microsoft-com:vml’ >
ket. hilangkan spasi setelah tanda < dan sebelum tanda >
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 >
ket. hilangkan spasi setelah tanda < dan sebelum tanda >
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… 
Comments
Leave a Reply
