Google Map API 練習1

1. 第三版以後，測試Google Map API，如果用量不大，沒有Key也可以用。
2. 參考範例 疊加層(polyline-simple.html)
http://code.google.com/intl/zh-TW/apis/maps/documentation/javascript/overlays.html
將地圖中心改為醒吾，放大倍率改為15，調整三角形尺寸。
3. 網站執行htm檔案(本機端直接以IE開啟亦可)
4. 測試步驟
4-1 以檢視原始檔方式開啟，全選貼上記事本。
4-2 修改css連結
原為
>link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
改為

4-3 改中心座標HWC (25.081, 121.396)
// var myLatLng = new google.maps.LatLng(24.886436490787712, -70.2685546875);
4-4 改zoom 5--> 15, mapTypeID => ROADMAP
4-5 依據中心點，改多邊形(三角形)座標
var triangleCoords = [
new google.maps.LatLng(25.086, 121.396),
new google.maps.LatLng(25.076, 121.391),
new google.maps.LatLng(25.076, 121.401),
new google.maps.LatLng(25.086, 121.396),
];
4-6 以utf-8格式存檔，上傳

5. 連結網址，可以檢視原始檔轉存。