以簡易的地圖來說,只要將二段程式碼貼入頁面就能擁有自己的地圖了
將此段程式碼貼入<head></head>中複製內容到剪貼板
代碼:
<script src="http://maps.google.com/maps?file=api&v=2&key=輸入你的API KEY" type="text/javascript"></script>
<script type="text/javascript">
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(23.88001,120.967584), 13); //改成你要的經緯度,後面的13是預設顯示大小
map.addControl(new GSmallMapControl()); //小型地圖控制項
map.addControl(new GMapTypeControl()); //轉換類型地圖控制項
map.enableGoogleBar(); //左下Google地圖搜尋
var marker = new GMarker(new GLatLng(23.88001,120.967584)); //建立標籤的經緯度
map.addOverlay(marker); //顯示標籤
marker.openInfoWindowHtml("你要顯示的文字"); //顯示對話框及文字
}
}
</script>將此段程式碼貼入<body></body>中複製內容到剪貼板
代碼:
<div id="map" style="width: 600px; height: 500px"></div> <!--此為地圖顯示大小-->並修改<body>為複製內容到剪貼板
代碼:
<body onload="load()" onunload="GUnload()">這樣就完成一個簡易的地圖囉...
程式範例請見
http://www.my-life.tw/teaching/googlemaps.php
