網頁設計教學-嵌入地圖 插入 Google Map 到網站製作中

1. 插入地圖

點擊 Site Builder 左邊的 ，將「地圖」放置於編輯位置 。

2. 選擇地圖顯示類型

3. 點選地圖，透過右方設定地圖功能。

於「地址」欄位，輸入中文地址後，按下鍵盤上的「Enter」鍵，地圖將會自動定位。 地圖的 API Key 需請您自行向 Google 申請 API Key，再將代碼填入。

請注意: 配合 Google 使用政策，Google 於 2018 年 7 月要求凡是使用 Google Maps Platform API 和 SDK 的應用程式和專案，都必須具備 API 金鑰，並且綁訂信用卡卡號，每月有 200 元的免費額度，若超過額度則需繳費給 Google。

▼ 但若將 Google API 改使用 GoogleMap 的 html 嵌入，則可免費使用地圖，請參考以下說明：

1. 於 Google Map 取得地圖分享

2. 複製「崁入地圖」選項中的 html。

3. 回到 Site Builder 編輯頁面，使用左邊的 「進階」選擇「Custom HTML」。

4. 點 2 下 Custom HTML 即會出現編輯視窗，再將 Google 「崁入地圖」的 html 貼至編輯視窗。

5. 發布後即可看到地圖，也可以透過預覽查看地圖呈現。