二月09
如何利用Google Map在部落格中製作玩樂遊記地圖效果

如何利用Google Map在部落格中製作玩樂遊記地圖效果閒逛網路時,有時候會看到有些部落格的板面上會出現Google地圖,上面還標示了格主們遊玩過的地圖標記符號,或是吃喝玩樂過的景點紀錄,你是不是也想要製作一個屬於自己的類似Google玩樂地圖呢?

如果你是寫「遊記」或「食記」的部落客,將自己的景點文章用Google Map匯整起來,並提供相關的網址連結,以及景點照片,讓訪客看到這張地圖就可以一目了然,相信應該會是個不錯的整理文。

如果你想看看用Google Map這樣作出來的效果如何?可以參考我另外一個部落格的文章【台南遊玩地圖】。

使用Google Map的自訂地圖,不但可以標記地圖的位置,也可以變更地圖標題的符號或是自己上傳,另外也可以在上面描繪出行走路線,個人覺得超好用的。本篇文將先介紹如何建立地圖並標記符號。







Step 1. 進入Google Map並登入Google帳號。

Step 2. 點擊【我的地點】
Google-map01

Step 3. 點擊【建立地圖】
Google-map02

Step 4.
輸入標題、說明文字。選擇隱私分享設定,如果要放在部落格上就選擇「公開」,如我只是純粹自己參考就選擇「不公開」。結束後按【完成】按鈕。
Google-map03

Step 5. 建立景點標記可以有兩種方法。
先介紹第一種方法,如果你已經知道想建立的景點在地圖上的位置,你可以直接在地圖上標記。標記的時候要先進入地圖編輯【我的地點】》選取已建立的地圖 》【編輯】,就可以回到Step 4的地方。

Step 6. 用滑鼠左鍵點擊【新增地圖標記】圖示。(不是拖曳)
Google-map04

Step 7.
用滑鼠左鍵點擊要放置地圖標記的地點,就可以放置完成了,如果想要移動標記,用滑鼠拖曳移動就可以了。
Google-map05

Step 8. 出現對話框,輸入新增標記的標題以及說明內容。如果你的部落格已經發表了相關文章,還可以把連結網址放進來。想要編輯連結網址時需要進到【RTF格式】【編輯HTML】模式。
Google-map06

Step 9.
如果你想放上景點的照片或字型特效,點擊【RTF格式】就可以作進一步的特效編輯。插入照片就點擊「影像」圖示,但這裡只允許圖片已經上傳到網路空間的圖片,不接受從本機磁碟上傳。
Google-map07

Step 10. 只能輸入圖片的網址。
Google-map08

Step 11.
也可以變更標記的圖示。按【標記圖示】後會出現各式圖示供選擇,選擇一個自己合適的圖式,或是自己新增一個圖示也可以。
Google-map08-1Google-map08-2

Step 12. 景點標記完成後記得要按下【確定】鈕。
Google-map09

Step 13. 作好的景點會出現在地圖上,左側邊欄也會新增一欄資料。
準備把作好的地圖放到部落格了。點擊【連結】。
Google-map10

Step 14.
出現【將連結貼到 電子郵件 即時訊息中】的快顯畫面,這裡提供網址連結以及HTML地圖程式碼,因為我們要將地圖放在部落格,所以選【貼上 HTML 以嵌入您的網站】,然後將程式碼貼到部落格就可以了。
也可以按【自訂和預覽內嵌地圖】來設定更多的內容。
Google-map11

Step 15.
當你按下【自訂和預覽內嵌地圖】就會出現一個新的視窗,這裡可以讓你自行設定地圖出現在部落格的大小、調整地圖顯示的比例,還有程式碼。
Google-map12

Step 16. 當全部都設定完成後,記得按下左側邊欄的【儲存】及【完成】。
Google-map13


》回 部落格經營 首頁

延伸閱讀:
如何在Mobile0發表景點並提昇部落格流量
如何使用Analytics追蹤對外連結點擊
Google Page Speed-測試你的網頁速度,提供改善建議




本部落格提供免費電子書索取:
我如何開始寫部落格 寫部落格賺錢術 如何提昇部落格人氣

如何利用Google Map在部落格中製作玩樂遊記地圖效果 有 5 則回應

  1. 感謝分享,大推!

  2. hueying 說道:

    新手學電腦~
    謝謝分享~很棒~

    內容提到
    只允許圖片已經上傳到網路空間的圖片??
    (使用picasa網路相簿–step10 照片出現x無法顯示—stpe12)

    • 工作熊 說道:

      hueying;
      如果你的圖片來自picasa,不可以直接複製連結的網址,建議你使用Firefox流覽器燃後在完整顯示的圖片上按滑鼠右鍵複製其圖片網址。

  3. morton 說道:

    讀您的部落格文章獲益良多,非常感謝!!

  4. 芽芽 說道:

    你好,想請問
    我新增完一個地區/城市後如何儲存?
    而儲存後還要再新增新的地區的話又該如何處理??
    謝謝

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *