如何於網頁中使用 Googe Maps

內容提要

本篇文章記錄了個人如何於網站中使用 Google Map 及其他的 個人已購置的 地圖外掛。

一般 Google Map 的使用 
嵌入或分享 指定地點 的 google maps
嵌入或分享  google 街景、個人上傳的360相片
googe maps 新增地點
進階的 google maps 使用
清除 google maps 上頭的圖示

網址列輸入 https://google.com/maps ,來開啟 google maps。

1.於 搜尋框 中輸入 相關地點,來定位出 關聯區域。如下 圖

圖1

 

1.於 輸入

 

 

 

開啟 左手的資訊面板,如下圖

1. 打開Google地圖 2. 按下F12 3. 展開左側選單 4. 用選取工具點一下”地圖”那兩個字的右邊空白部分 5. 然後在開發工具選取處按右鍵,選擇”Edit as HTML” 6. 在原本內容最下面的</button>標籤前面多貼上下面這段程式碼 <button jstcache=”796″ style=”” aria-pressed=”true” class=”widget-settings-button” jsaction=”settings.intent.labels” jsan=”7.widget-settings-button,0.aria-pressed,22.jsaction,t-E5WBwNaeM1o”> <div class=”widget-settings-button-icon widget-settings-icon-none”></div> <label jstcache=”837″ class=”widget-settings-sub-button-label” jsan=”7.widget-settings-sub-button-label”>已啟用標籤</label> <label jstcache=”838″ style=”display:none”>已停用標籤</label> </button> 7. 滑鼠點一下旁邊空白處,即完成修改。 8. 地圖下面就會出現”已啟用標籤”的按鈕了,點下去盡情享用空白地圖吧!

相關教學

WordPress文章目錄側邊固定滾動-Easy Table 和LuckyWP Table插件