Google maps 崁入Blogger邊攔與文章內

Google maps 崁入Blogger內




Google maps 網址
https://maps.google.com.tw/maps


STEP1. 進入Google maps,在搜尋欄輸入將放入地點之地址。(Ex:台北科技大學)


STEP2. 打開聯結,複製「貼上HTML已遷入您的網站」底下的程式碼。


其中程式碼中,最前面有程式碼:<iframe width=”425″ height=”350″
其中,width代表寬度、height代表高度。

可依照自己的版面做矩形的調整。

STEP3. 點選「版面配置」,在選擇裡面的「新增小工具」。

STEP4. 選擇「HTML/JaveScript」。

STEP5. 將「複製的程式碼」貼上。
STEP7. 按下儲存,完成。

將Google maps崁入在文章內

如果伊文章介紹文需要放入商家或者相關的地址和地圖,建議可以將Google maps崁入在文章中。

STEP1 和 STEP2 與前面步驟相同

STEP3. 編輯文章時,點選左上角的「HTML」,再將「複製的程式碼」貼入。

STEP4. 點選回撰寫就可以看到Google maps的方格出現,完成。

範例:貼製網頁成果。

顯示詳細地圖