Google地圖 - 把地圖貼到部落格中

今天決定寫一篇跟美食無關的文章，希望能受惠寫作美食部落格或是喜歡看美食部落格的網友們。

每當我看到別人部落格有介紹到好吃餐廳，打算出發到該餐廳時，都必須在文章中把餐廳的地址找出來。比較好的部落格會把完整的地址寫出來，像是地址是台北市信義區吳興街49號，我會把該地址貼到Google Maps上找到餐廳的位置。如果部落格上沒寫詳細地址，就只有寫從基隆路轉到吳興街後第二個路口，那我必須更費時費力地在Google Maps上找到基隆路和吳興街，再判別第二個路口究竟在哪裏，並抱著懷疑的心態出發。所以我會想，如果部落格上面都附有餐廳的地圖，那會有多好！

如果大家有看我部落格的習慣，會發現我每篇食記都有附地圖，給各位打算去該餐廳的網友多些方便，更省時地找到餐廳的位置。細心的網友可能會發現，我寫台北101的餐廳是沒有附地圖的，原因是在台北大家抬起頭來就能知道台北101在哪裏，附地圖反而有點多餘。

以下我就分享一下如何把Google Maps嵌入在大家的部落格裏。也許有一些網友都介紹過或者知道怎樣做，但是以我觀察使用的人還是少，尤其是講美食的部落格，所以我希望在這推廣一下，鼓勵大家多多把地圖放到自己的部落部中。

1. 連上台灣版的Google Maps http://maps.google.com.tw/。
   
   
2. 假設你要介紹的是信義區的那間出一張嘴吃到飽餐廳。
   1. 因為「出一張嘴」是一商家，而不地址，所以在搜尋格子下面選「商家」。
   2. 在「關鍵字」格子中填入「出一張嘴」。
   3. 在「地點」格子中填入「信義區」，這也可以不填，只要你目前所視的地圖中含有那家餐廳即可。
   4. 按下「搜尋商家」按鈕。
   
   
   
   
3. Google Maps會搜尋出一堆結果，調整並點選你想要顯示的餐廳，這時會出現餐廳的詳細資料，如地址、電話、網址等。
   1. 然後在地圖的右上角，點選「連結至此網頁」，會出一個小視窗。
   2. 再點選「自訂和預覽內嵌地圖」。
   
   
   


4. 之後會出現一個視窗，在這裏你可以自己地圖的大小，小型、適中、大型、或者自訂都可以。接著你可以把地圖調整到你想顯示的位置和遠近。其後在最下面格子中便能生成一些HTML語法，只要這些HTML貼到你的部落格中，便能顯示該地圖了。
   
   
   
   
5. 我在這裏以Blogger為示範。
   1. 在修改文章時切換到「修改Html」模式。
   2. 然後把之前所說之HTML貼到想顯示的地方，發佈後便完成了。
   
   
   
   
6. 完成後便像這個樣子，位置、地址、電話、網址一目了然，連路癡也會去。
   
   
   檢視較大的地圖

目前可以支援這種方式嵌入地圖的部落格有Blogger、樂多、yam天空、Pixnet、Xuite、新浪，至於MSN Spaces、Yahoo、無名小站、PC home目前還不能以這樣的方法嵌入，但還是有其他解決方法，那留待我的下一篇教學再講解。

歡迎把本文轉載。