電腦資訊 線上筆記本

 Google地圖(Google map)的應用相當廣泛，如：

1.查詢不熟悉的路，並規劃路線

2.美食部落客介紹美食，並於部落格崁入店家地址與google地圖

3.公司行號於公司地址下崁入google地圖

4.檢視店家內部環境

...等

以上不管是街道地圖、街景地圖、店家內部實景圖

全部皆可崁入至部落格或網頁中！

接下來將教大家如何在部落格或網頁中崁入Google地圖(Google map)

一、進入Google map，搜尋要崁入地圖的地址

https://www.google.com.tw/maps/preview

※以台北１０１為例

二、選擇要崁入的地圖類型

若要崁入街道地圖則可略過此步驟～

若是要崁入類型為「街景地圖」或「店家內部實景圖」

則在下方點擊選擇即可（紅框處）

※以「街道地圖」為例

三、切換為傳統版Google地圖

1.在地圖右下方點擊「問號圖示」

2.於彈出的視窗中，選擇「返回傳統Google地圖」

四、取得Google地圖崁入碼（HTML）

1.在傳統版地圖左上方點擊「連結圖示」

2.複製紅框中的HTML程式碼

五、崁入Google地圖HTML碼

下面以崁入痞客邦部落格為例進行操作

若是要崁入網頁中

則開啟要崁入的程式檔案

將Google地圖HTML程式碼貼上即可

1.於文字編輯器中，選擇「編輯HTML原始程式碼」

2.在要崁入的位置上，貼上Google地圖HTML程式碼，並更新送出

大功告成～～～

顯示詳細地圖

若在操作上有問題或錯誤

歡迎於下方留言交流～

謝謝！