因為專題要用到...所以就順便紀錄一下Google Map API怎麼用
Google真是太強大了
地圖的API其實很完整
只差...3D的地圖了XD

=Getting Start=


1. 先到 http://code.google.com/apis/maps/signup.html 申請一個Application ID
2. 在head裡加入

   <script type=\"text/javascript\" src=\"http://maps.google.com/maps?file=api&v=2&key=abcdefg\"> </script>

3. 為了減少Memory Leak的機率,在body load時加入

   <body onunload="GUnload()">


=加入Map=

在Body中加入initialize function

   <body onload="initialize()" onunload="GUnload()">

設定div區塊以及整個map的width和height


=加入JavaScript=

function initialize() {
//檢查瀏覽器是否可以使用Gmap
if (GBrowserIsCompatible()) {
//建立一個Map圖到div id為map的區塊上
var map =
new GMap2(document.getElementById("map"));
//設定map的中央是經度為21.5,緯度為121.5
//放大等級為13 (1為世界地圖,15為街道圖
map.setCenter(new GLatLng(21.5, 121.5), 13);
//新增一個視窗,位置在目前地圖的中央,
//內容為Hello World (視窗的格式為Html)
map.openInfoWindow(map.getCenter(),
document.createTextNode("Hello, world"));
}
}


範例:http://code.google.com/apis/maps/documentation/examples/map-infowindow.html

=Example=
http://code.google.com/apis/maps/documentation/examples/

創作者介紹

[todo Austin] 奧斯丁。土豆

austintodo 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • jell
  • document.createTextNode("Hello, world"))應用

    document.createTextNode("Hello, world")) 文字太長時如何段行?
找更多相關文章與討論