【教學】景點位置分享教學!將「Google Map」嵌入文章 導航更直覺!

許多旅遊美食討論區的文章,為了讓上來尋點的網友能夠更快找到景點還有店家的位置,都會貼心附上位置相關的資訊。過去網站的「景點分享」功能,在最近改版中已併入美食旅遊討論區,網友可在此發表景點或食記文章,若是想在文中留下位置資訊只能手打座標或是截圖。

為了讓網友們在尋找或分享位置資訊更簡單,這篇教學文就是要告訴大家如何將 Google Map 的位置訊息直接嵌入內文

【教學】景點位置分享教學!將「Google Map」嵌入文章 導航更直覺!
圖片來源
就以小編曾寫過分享文的嵜本高級生吐司專門店 SAKImoto Bakery台北旗艦店為例。

搜尋景點
【教學】景點位置分享教學!將「Google Map」嵌入文章 導航更直覺!
搜尋景點地圖
【教學】景點位置分享教學!將「Google Map」嵌入文章 導航更直覺!
選取分享
【教學】景點位置分享教學!將「Google Map」嵌入文章 導航更直覺!
選擇嵌入地圖
【教學】景點位置分享教學!將「Google Map」嵌入文章 導航更直覺!
複製 HTML程式碼
【教學】景點位置分享教學!將「Google Map」嵌入文章 導航更直覺!
首先,先利用 Google 搜尋想要放入內文的位置地圖,接著在地圖的資訊左側選取「分享」,選取「分享」之後,會有「傳送連結」與「嵌入地圖」,點下「嵌入地圖」,再來只要按下右側的複製 HTML 就完成將 Google Map 嵌入內文的基本步驟。
貼上 HTML程式碼
【教學】景點位置分享教學!將「Google Map」嵌入文章 導航更直覺!
送出儲存
【教學】景點位置分享教學!將「Google Map」嵌入文章 導航更直覺!
鑲嵌完成
【教學】景點位置分享教學!將「Google Map」嵌入文章 導航更直覺!
複製完 HTML 程式碼就可以回到原本要編輯的記事本頁面,貼上剛才的複製的 HTML 程式碼(不管是所見所得或傳統編輯的狀態都沒關係),按下頁面中的送出鍵,先把目前已打好的部分進行暫存,然後再次開啟該篇記事本的頁面,Google Map 就會自動嵌入內文之中了。
小編原本想說這功能或許要更改原始碼而非常麻煩,但實際操作其實超級簡單,嵌入的 Google Map 也跟上傳圖片的換行特性相同,即使中途嵌入地圖也不會影響接下來的文章編輯,算是蠻方便的。所以未來如果各位網友想把景點的 Google Map 嵌入內文,就按照這個流程嘗試看看吧!若是有什麼使用上的問題與建議也可以在下方留言告訴我們喔


感謝教學很實用的文章,原來還可以這樣插入位置資訊。
Victor Yu wrote:
許多旅遊美食討論區的...(恕刪)

原來可以這樣分享位置~太實用了~下次來試試看~謝謝樓主分享❤️
Victor Yu wrote:
許多旅遊美食討論區的...(恕刪)

原來可以這樣分享位置~太實用了~下次來試試看~謝謝樓主分享❤️
文章分享
評分
評分
複製連結

今日熱門文章 網友點擊推薦!