註:本系統與客戶(帳務)系統帳號密碼不同,發送信件不需登入

 
知識庫
Site Builder 網頁設計教學-地圖
發佈人 Sherry Li 發表於 11 May 2022 10:48 AM

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

1. 插入地圖

點擊 Site Builder 左邊的 網頁設計教學-網站製作工具總覽,將「地圖」放置於編輯位置 。

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

2. 選擇地圖顯示類型

免費地圖模板設定 自架站網頁設計教學
 

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

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

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

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

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

1. 於 Google Map 取得地圖分享

 

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

 

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

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

地圖 Map 架設網站教學- HTML 插入 Google Map 到網站設計中
 

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

地圖 Map 網站製作- Google Map 地圖設定網頁設計教學

嵌入 Google Map 地圖網頁設計工具推薦
 

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

嵌入 Google Map 地圖網站設計軟體與架站主機推薦



 

Site Builder 網頁設計教學總覽

請點擊以下圖片,查看 Site Builder 網頁設計教學,立即登入 cPanel 使用 Site Builder 架站

網頁設計教學-選單後台編輯 自架網站主機推薦網頁設計教學-更換免費網站模板、導入 WordPress 網站網頁設計教學語言-網站設計平台語言設定RWD 網站 (響應式網頁設計)-預覽電腦/平板/手機的網頁呈現網站備份與還原-網頁備份、復原網頁設計教學

網頁設計教學-文字大小、字體、顏色、對齊、行距、字距與文字連結網頁設計教學- Icon 與圖片插入、更換、加入圖片連結網頁設計教學-相簿圖片輪播 Gallery 網站設計網頁設計教學-嵌入影片、音樂 將 YouTube 影片插入網站製作中網頁設計教學-嵌入地圖 插入 Google Map 到網站製作中網頁設計教學-網站設計以不同邊框、形狀、圖形排版按鈕 Button 網頁設計教學-網站按鍵樣式設計 自架網站快速製作精美按鈕表單 Form 網頁設計教學-網站表單樣式製作 免費表單模板讓自架網站更簡單!網頁設計教學-網站選單新增/修改/設置子選單 自架網站教學自架多國語言網站-語言切換網頁設計教學 多國語系網站製作區塊 Block 網頁設計教學- 網站區塊樣式設計 免費區塊模板自架站推薦電子商務網頁設計-網路開店 購物車、金物流、產品訂單自架部落格網站- blog 網頁設計教學 部落格平台推薦網頁設計教學-自架網站社群行銷嵌入 FB、IG、Twitter 粉絲專頁進階網頁設計教學-使用 HTML 製作網站 網站設計教學

網頁設計教學- SEO 搜尋引擎優化 網站架設 SEO 設定網頁設計教學-網頁背景圖片 background 設定網頁設計教學-網站設計的文字大小與字形瀏覽器標籤顯示網站 Logo 網頁設計教學-網站瀏覽器 Logo 圖更換網頁設計教學-自架網站 https、robots、cookie 設定
(0 votes)
非常有幫助
沒有任何幫助

遠振資訊有限公司 • 統一編號:28132571
服務專線:4499-343 (手機撥打請加 02)• 地址:23586 新北市中和區中正路866之11號12樓
[ 雲端主機 ] • [ 虛擬主機 ] • [ 實體主機 ] • [ SSL 憑證 ] • [ 網域申請 ] • [ cPanel 教學 ] • [ WHM 教學 ]
本公司由 宇恒法律事務所 擔任常年法律顧問 • Copyright 2013-2020 All Rights Reserved