教學筆記 | 科技 | 網路分享

如何在Weebly加入Google地圖

2016-11-30
how-to-add-google-maps-in-weebly-1

Weebly可以利用兩種方式加入Google地圖:

  • 使用默認的地圖工具
  • 使用嵌入代碼

使用Weebly工具加入Google地圖

Weebly地圖工具可以讓你的網站添加Google地圖
可以自行設定地址、大小…等
只需拖放“地圖”到你所想要安放的位置

how-to-add-google-maps-in-weebly
多數時候,Weebly本身的地圖功能就已經很好用了

當然
地圖一開始顯示的位置絕對不會是你想要的地方
這時候只要點擊地圖就可以做進一步的設定…

  • 地址:直接輸入地址來標示
  • 縮放:調整地圖的預設比例尺
  • 寬度高度:設置地圖的寬度和高度
  • 位置:設置地圖的左,右或居中對齊
  • 間距:設置地圖與頂部和底部邊緣的空間距離
  • 高級位置:如果地址不準確,可以改用經緯度坐標來放置標記
  • 高級顯示:顯示或隱藏地址標記、縮放地圖、比例尺等
如何在Weebly加入Google地圖
點選地圖就能做進階的編輯

基本上Weebly內建的地圖工具已經非常好用了
但是如果你不喜歡
我們還是有其他方式來顯示Google地圖…



嵌入Google地圖

Weebly地圖工具所具備的功能較少
尤其是無法衛星圖
如果你希望有更多的Google Maps功能
那最好透過嵌入Google Maps代碼來完成

  • 先到Google地圖網站
  • 搜索到你所想顯示的地址
  • 點擊位於左側的選單
  • 選擇“嵌入地圖”選項
  • 透過代碼將Google Maps設定到網頁上
如何在Weebly加入Google地圖
Weebly也能使用Google的嵌入地圖
如何在Weebly加入Google地圖
設定好你要的地圖設定別忘了要複製代碼
如何在Weebly加入Google地圖
利用嵌入代碼的功能便能將Google地圖顯示在網站上了

 

實際顯示頁面:如何在Weebly加入Google地圖