你可以透過"地圖"工具加入地圖。
You can click "Map" in widget bar to add a map.
*注意:現時使用任何地圖定位插件必需另行參與其額外收費計劃。*
*Notice: All Map tools are now required additional service charged by map provider.*
詳情請參閱 For details:
Google Cloud: https://cloud.google.com/maps-platform/pricing/?hl=zh-TW
我們建議將地圖截圖,並以圖片方式顯示在網頁。
We suggest to save the map as image file and upload to your website.
地圖插件使用方法 Map Tool
*支援Google、百度 Baidu、Bing地圖。
在選擇地圖後,請在地圖插件上按滑鼠右鍵 > 屬性。
After choosing the map, please right click the map > Properties.
你必須到該地圖的官方網站取得地圖API Key。否則地圖將不能顯示。
You must get API key from Map provider and add to the map tool.
常見問題 FAQ
1. Bing, 百度 Baidu, Google 地圖錯誤 map error
無法顯示地圖
請檢查你是否已經加入了地圖的API key (在地圖插件上按滑鼠右鍵 > 屬性)。
如你的網站有多於一個地圖,你必須在*每個地圖插件*加上API Key。
Please check - have you inserted Bing Maps API key to map's properties (right click on map in site builder). If you have more than one map on your page, you need to insert API key in all maps.
--------------------------------------------------------------------------
Bing: Create your API key here.
--------------------------------------------------------------------------
百度 Baidu: 請從 http://lbsyun.baidu.com/apiconsole/key?application=key 獲取百度地圖API Key。
--------------------------------------------------------------------------
Google: Create your API key here.
*Google API 教學 (需要付費):
1 . 進入上述連結,之後按"Go to the Credentials page".
2. 登入你的Google帳戶,以下是首次使用的頁面。
選擇地區、同意條款及按同意並繼續。
3. 在Google Cloud Platform> 憑證 >建立專案
輸入你的專案名,按建立。
4. 憑證>建立憑證>API金鑰
5. 複製API 金鑰,返回Web Builder Google地圖工具貼上。
6. 之後,你必須啟用API的地圖外掛功能及啟用Google計費功能。
進入此頁:https://developers.google.com/maps/gmp-get-started#enable-api-sdk
按Maps API Library Page。
7. 點擊 Maps JavaScript API ,按啟用。
8. 啟用Google計費功能
進入此頁並點擊你的專案:https://console.cloud.google.com/project/_/billing/enable
點擊"建立帳單帳戶"啟用專案的計費功能。
驗證電話號碼及信用卡
--------------------------------------------------------------------------
2. This page can't load Google Maps correctly.
如果你見到以上錯誤,你需要登入Google console 檢查帳戶設定。
你可以按此進入Google Maps Platform修復地圖。
排除網頁錯誤,你可在瀏覽器按 F12 > Console。
If you see this message on published website then it means that your used API key lacks some requirements on Google console account.
In order to see details of the problem open Developer console in browser on your website page with Google map (usually key F12) and switch to tab "Console". There you should see red error message from Google with problem details.
https://developers.google.com/maps/documentation/javascript/error-messages#api-not-activated-map-error