跟著大叔學資訊 | google 地圖.部落客的好幫手十秒就上手,大叔圖解教你如何在文章中嵌入地圖!

大叔以為每個旅行部落客都會使用google 地圖嵌入文章中的方式,直到上一週Difeny看大叔的文章中居然可以把google地圖放進文章中,才問大叔說怎麼操作?原來有許多的小工具大家可能在痞客邦的時候被整合在系統當中,所以不知道怎麼在wordpress裡使用,google地圖就是其中一項,所以,大叔把整個google地圖操作的流程圖解給大家一目瞭然,真的是十秒就學會喔!

步驟一、連結google maps,在「搜尋google地圖」欄位中輸入地點名稱或地址。

跟著大叔學資訊 | google 地圖.部落客的好幫手十秒就上手,大叔圖解教你如何在文章中嵌入地圖! @雙A神奇豆

步驟二、在找到的地點資料上,按「分享」圖示。

跟著大叔學資訊 | google 地圖.部落客的好幫手十秒就上手,大叔圖解教你如何在文章中嵌入地圖! @雙A神奇豆

步驟三、跳出「分享連結」及「嵌入地圖」的小視窗,請點「嵌入地圖」連結。

跟著大叔學資訊 | google 地圖.部落客的好幫手十秒就上手,大叔圖解教你如何在文章中嵌入地圖! @雙A神奇豆

步驟四、選取並複製嵌入地圖的指令碼<iframe src=…….>。

跟著大叔學資訊 | google 地圖.部落客的好幫手十秒就上手,大叔圖解教你如何在文章中嵌入地圖! @雙A神奇豆

步驟五、在文章編輯器中,點按「文章」連結,線上編輯器切換為文字編輯模式。

說明:「預覽」模式是所見即所得的編輯狀態,能夠看到文字的設定分行結果等,而「文字」模式則是可直接編輯html語法。

跟著大叔學資訊 | google 地圖.部落客的好幫手十秒就上手,大叔圖解教你如何在文章中嵌入地圖! @雙A神奇豆

步驟六、將<iframe …. >語法貼到編輯器中。

跟著大叔學資訊 | google 地圖.部落客的好幫手十秒就上手,大叔圖解教你如何在文章中嵌入地圖! @雙A神奇豆

步驟七、點選「預覽」模式連結,即可在編輯器中顯示嵌入的地圖唷!

跟著大叔學資訊 | google 地圖.部落客的好幫手十秒就上手,大叔圖解教你如何在文章中嵌入地圖! @雙A神奇豆

是不是很簡單呢?十秒就弄懂這項工具,會讓你的旅遊介紹文章更豐富動人喔! 當然這項功能也可以用在顯示路線的規劃圖上,步驟跟上面的步驟很相近,只要在規劃路線之後,點按左上角的「選單」,就會出現「分享或嵌入地圖」項目可以使用喔!

延伸閱讀