由於期末作業的需要，試了一下Google Map API
寫法並不難，google也提供了許多範例程式可以參考，
主要是include一些java script。
1.先到 Google Map API 以自己的google 帳號以及domain name產生一組註冊碼
2.在html head標籤內以註冊碼引入google api，重點在於key的引用，最簡單的類似像這樣。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABCDEF" type="text/javascript"
></script>
</head>
<body>
<div id="mymap" style="width: 300px; height: 300px"></div>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
//]]>
</script>
</html>
3.最後在body部分加入 body body onload="load()" onunload="GUnload()"這個屬性
以及"map"這個div元素，即便大功告成。
其他的用法還有很多，有時間再來慢慢發掘吧！
沒有留言:
張貼留言