Google Map

弄了一個地圖專區(在左邊⇐),來記錄在台南的生活點滴,吃過的餐廳,想去踏青的地方...
在Google Map裡除了標示地點,還可以寫一些心得,放幾張代表性的照片,不用打一長篇的敘述,很適合我這種懶人.
Google Map有提供API可以使用,可以拿來動態的標示地點,畫路線,結合自己的資料庫創造出不同的世界. 像是在GMap->我的地圖->推薦小工具,就有一些令人驚艷的好物,像是Panoramio 照片集-把全世界的景點照片都連結到同個地圖裡.之前有人把無名相簿跟地圖結合,讓你認識全台各地的美女.其他還有"全台國道即時影像","微笑台灣319鄉"都讓我感到特別. 有朝一日我去環島,就可以開個地圖把沿途景點通通擺上來啦^^. 主要還是跟大家分享一個寫網誌的方式啦.

Map Channels是一個把GMap包裝起來的網站,提供一個更完整的介面來顯示使用者的圖資.這東西的使用方式很簡單:
1. 到Map Channels加入會員
2. 顯選右上角Create New Map Channel
3. 填寫Data Source(就是GMap的連結),按下Creat就可以得到內嵌的html語法


在這邊提供兩個可以把GMap嵌在blog的方法:
1. 在"版面配置"中新增一個"html widget",然後把上面的語法直接貼進去
2. 利用圖層的觀念+一些javascript,一樣是把語法貼在"html widget",不過顯示的位置可以自己調整
＜div id="GMap" style="visibility:hidden; position:absolute; top:10px; left:90px; z-index: 9;"＞想顯示的東東＜/div＞
＜script type="text/javascript"＞
function click(){
document.getElementById("GMap").style.width = 800;
document.getElementById("GMap").style.height = 500;
document.getElementById("GMap").style.visibility ="visible";}
＜/script＞
不過讀取大量的圖資會造成使用者的負擔,所以就在想javascript有沒有動態讀取的方案-
改變iframe的src屬性:
＜iframe id="Iframe_GMap" iframe_gmap="" src="" scrolling="no" ...＞
＜script type="text/javascript"＞document.getElementById("Iframe_GMap").setAttribute("src", "http://www.xxx...");＜/script＞
其實我也不太懂javascript的執行先後,為何改變src後就會重新loading?
反正這樣就可以在使用者點選以後再去讀取摟,使用多個map也ok.

ref:
syshen's blog:Google Maps API 簡易使用文件: 寫得蠻清楚的,不過目前用不到
如何在Blogger使用UrMap/Google Maps API之HTML: 提醒一些要注意的地方,像是blogspot會自動換行的問題.