第一步
去 http://www.google.com/apis/maps/ 申請(qǐng)一個(gè) Google Maps API key ，當(dāng)然，你得有頂級(jí)域名才行。。。? 亂申請(qǐng)的你如果不放到你這個(gè)域名下，那這個(gè)就根本用不了。。。
Google會(huì)給您一段代碼，可要保存好哦～
第二步
把 http://www.misuisui.com/google_map.htm 打開，看一看里面的源化碼，我已經(jīng)寫好說(shuō)明了，大家照貓畫虎就行了，HOHO～主要代碼在最下面～
第三步
把第一步里申請(qǐng)來(lái)的 Google Maps API key 改掉代碼中的 ABQIAAAAlwlonOoTX0oPrDaRmH_ALBREKWcFDKg74ezPgAUa79EBKj9z1BTjAKcZV51YfdN2n4xhiJ2lKuvBeA 一樣的代碼。。。?
第四步
代碼里的哪個(gè)PNG圖標(biāo)不好找，在網(wǎng)上狂搜吧。。。? 要不自己做一個(gè)? ～
嗯，還有那個(gè)坐標(biāo)不好找，大家請(qǐng)看第四步
第五步
打開 http://www.google.com/maps
找啊找啊，找到你所在的地方，然后點(diǎn)那個(gè)右上角那個(gè)“Link to this page”
得到一個(gè)這樣的鏈接 http://www.google.com/maps?f=q&hl=en&q=china&ll=35.86166,104.195397&spn=32.116109,88.242188&t=h
注意 35.86166, 104.195397 這一段數(shù)字，這就是當(dāng)前地圖中心點(diǎn)的坐標(biāo)了
把逗號(hào)后面的數(shù)字放到逗號(hào)前面變成這樣 104.195397, 35.86166
然后就是把這個(gè)數(shù)字添加到代碼中你想要添加的地方了～?
第六步
根據(jù)代碼里的提示，發(fā)揮你的想象力，然后做點(diǎn)啥出來(lái)～做出啥來(lái)了，也告訴我一下，讓我也看看啊～
比如我就要做個(gè)友情鏈接的東東，HOHO～和我友鏈的朋友們麻煩參考第五步把你想要標(biāo)在我的友情鏈接地圖上的坐標(biāo)告訴我啊，HOHO～?
第七步
嗯嗯，希望這幾天大家要常來(lái)這兒了，因?yàn)橛幸粋€(gè)好東東要給大家告訴大家啦～HOHO～
<div id="map" style="width: 600px; height: 400px; border: 1px solid #979797"></div>
<!-- 把以上代碼為地圖的寬和高，可修改里面的數(shù)值，不要改里面的ID -->
<script src="<!-- 此為Google Map API 的驗(yàn)證碼，用到自己的網(wǎng)站要去 http://www.google.com/apis/maps/ 審請(qǐng)一個(gè) -->
<script type="text/javascript">
? //<![CDATA[
??? function createMarker(point, baseIcon, html) {
????? var icon = new GIcon(baseIcon);
????? var marker = new GMarker(point, icon);
????? GEvent.addListener(marker, 'click', function() {
????? marker.openInfoWindowHtml(html);
????? });
??? return marker;
??? }
??? function loadMap(){
????? var map = new GMap(document.getElementById("map"));
????? map.addControl(new GLargeMapControl());
????? map.setMapType(G_HYBRID_TYPE);
????? map.centerAndZoom(new GPoint(116.429114, 39.934322), 0); //在這里116.429114, 39.934322代表地圖的中心位置，后面的0是放到最大，數(shù)字越大，地圖顯示的越多
?????
????? // 以下是定義一些基本信息
????? // 陰影，陰影偏移，信息框偏移, 什么什么的
????? var icon = new GIcon();
????? icon.shadow = "????? icon.shadowSize = new GSize(21, 29);
????? icon.iconAnchor = new GPoint(10, 30);
????? icon.infoWindowAnchor = new GPoint(9, 5);
????? icon.infoShadowAnchor = new GPoint(9, 5);
????? //在地圖上標(biāo)一個(gè)圖標(biāo)，點(diǎn)擊就出現(xiàn)字
????? var html = '<s>你這個(gè)淫真是的，摸人家干啥啊？</s>'; //這里是顯示在信息框里的東東，支持HTML
????? icon.image = "????? icon.iconSize = new GSize(21, 29); //圖標(biāo)的寬和高
????? var point = new GPoint(116.429114, 39.934322); //圖標(biāo)標(biāo)在地圖的哪里
????? var marker = createMarker(point, icon ,html);
????? map.addOverlay(marker);
????? //標(biāo)一個(gè)圖標(biāo)完畢
????? //在地圖上再標(biāo)一個(gè)圖標(biāo)，點(diǎn)擊就出現(xiàn)字，改的方法如上
????? html = '<i>淫僧法號(hào)米隨隨～</i>';
????? icon.image = "????? icon.iconSize = new GSize(21, 29);
????? point = new GPoint(116.429424, 39.934322);
?????
????? marker = createMarker(point, icon ,html);
????? map.addOverlay(marker);
????? //標(biāo)一個(gè)圖標(biāo)完畢，這段代碼復(fù)制多少個(gè)，就有多少個(gè)圖標(biāo)，只要改改里面的東東就可以了
????? //在地圖上再標(biāo)一個(gè)圖標(biāo)，點(diǎn)擊就出現(xiàn)字，改的方法如上
????? html = '點(diǎn)擊<a href="#" target="_self">這里</a>看看米隨隨是怎么整出來(lái)的～';
????? icon.image = "????? icon.iconSize = new GSize(21, 29);
????? point = new GPoint(116.429314, 39.934522);
????? marker = createMarker(point, icon ,html);
????? map.addOverlay(marker);
????? //標(biāo)一個(gè)圖標(biāo)完畢，這段代碼復(fù)制多少個(gè)，就有多少個(gè)圖標(biāo)，只要改改里面的東東就可以了
????? //在地圖上再標(biāo)一個(gè)圖標(biāo)，點(diǎn)擊就出現(xiàn)字，改的方法如上
????? html = '<div ><font color="blue">阿彌陀佛～淫僧米隨隨哪！～</font></div>';
????? icon.image = "????? icon.iconSize = new GSize(21, 29);
????? point = new GPoint(116.429714, 39.934522);
????? marker = createMarker(point, icon ,html);
????? map.addOverlay(marker);
????? //標(biāo)一個(gè)圖標(biāo)完畢，這段代碼復(fù)制多少個(gè)，就有多少個(gè)圖標(biāo)，只要改改里面的東東就可以了
????? //最后一個(gè)圖標(biāo)將一開始顯示下面的內(nèi)容
????? defaultmsg = '<div><font color="red">點(diǎn)擊淫僧米隨隨哪！～</font></div>'; //這里是顯示在信息框里的東東，支持HTML
????? marker.openInfoWindowHtml(defaultmsg);
?????
??? }
???
??? loadMap();
? //]]>
</script>
出處：http://www.misuisui.com/weblog/article.asp?id=398