== google map 可參考的相關技術 == === 範例一、赤壁地圖 === 透過Google API可以自行定義客製化地圖資料,為了實現海洋資料庫,可以參考做的不錯的 赤壁地圖: http://maps.google.com.tw/maps/mpl?moduleurl=http://redcliff.googlecode.com/svn/trunk/mapplet/redcliff_tc.xml&t=p&utm_campaign=zh_TW&utm_medium=mapshpp&utm_source=zh_TW-mapshpp-apac-tw-gns-mp&utm_term=redc 屏除美工部份,技術部份除了用到jquery, json, javascript 等,在google map裡有個mpl的module url轉址功能,可以直接讓你要的程式掛在預設的google map中, '''''mpl?moduleurl=網址''''' 網址的部份可以轉到我們的網站,就可以直接套用了 還有些utm_campaign、utm_source...的參數,他的作用是用[http://www.google.com/support/googleanalytics/bin/answer.py?hl=en&answer=55518 google analytics的link tag]來分析瀏覽者的流量來源,有個不錯的[http://www.kuqin.com/zhanz/20080820/14524.html 教學] 原始碼下載: {{{ svn checkout http://redcliff.googlecode.com/svn/trunk/ redcliff-read-only }}} === 範例二、地震中心資料 === 除了參考赤壁地圖,還有個比較簡單的範例就是[http://maps.google.com/maps/mpl?moduleurl=http://earthquake.usgs.gov/eqcenter/mapplets/earthquakes.xml 國外的地震中心google maps] 這個[http://maps.google.com/maps/mpl?moduleurl=http://earthquake.usgs.gov/eqcenter/mapplets/earthquakes.xml 網站]被引導到的[http://earthquake.usgs.gov/eqcenter/mapplets/earthquakes.xml earthquakes.xml]程式碼不太複雜,用java scripts寫在xml裡,程式當中還會去導入一個[http://earthquake.usgs.gov/eqcenter/catalogs/eqs7day-M4.xml rss feed],這個rss每週更新,好讓這個google map可以呈現最近一週、一個月、等的地震資訊。 內容如下: {{{ #!js h1 { font-size: 18px; color: #333; padding: 0; margin: 0 5px; } h2 { font-size: 14px; color: #633; padding: 0; margin: 1em 5px; } p { font-family: Georgia, serif; font-size: 12px; line-height: 18px; color: #666; padding: 0; margin: 2px 0 6px 8px; } ol { font-size: 12px; margin: 1em 1em 1em 2.5em; padding: 0; } li { margin: .4em 0; padding: 0; } img { padding-left: 10px; }

M 4+ Earthquakes, past 7 days

]]>
}}}