Hướng Dẫn Sử Dụng Site Builder Thiết Kế Web - Bản Đồ
發佈人 Sherry Li, lastmodifiedby Sherry Li 發表於 18 7月 2023 11:05 上午

Hướng dẫn thiết kế web - Nhúng bản đồ chèn Google Map vào trang web

1. Chèn bản đồ

Góc bên trái Site Builder chọn chọn “Bản đồ” và kéo đến vị trí trí mong muốn, chọn “Bản đồ” và kéo đến vị trí trí mong muốn.

Hướng dẫn thiết kế web - Nhúng bản đồ chèn Google Map vào trang web
 

2. Chọn kiểu bản đồ

Chọn kiểu bản đồ
 

3. Nhấp vào bản đồ và cài đặt bản đồ bên góc phải.

Tại phần "Địa chỉ", nhập đầy đủ địa chỉ vào ô địa chỉ phần cài đặt, sau đó nhấn phím enter bản đồ sẽ tự động định vị. Đối với Khóa API của bản đồ, bạn cần tiến hành đăng ký Khóa API từ Google, sau đó điền API vào phần khóa API.

Lưu ý: Theo chính sách sử dụng của Google, Google yêu cầu tất cả các ứng dụng và dự án sử dụng API và SDK của Google Maps Platform phải có khóa API và phải có thẻ tín dụng, với hạn mức miễn phí hàng tháng là 200$. Nghĩa là bạn có thể phát triển những ứng dụng nhỏ với lượt request thấp, chi phí cho tổng số request trong tháng dưới 200$ theo bảng giá mà Google đưa ra sẽ được miễn phí tháng đó, ngược lại nếu số lượng request vượt mức 200$ thì cần phải thanh toán toàn bộ chi phí.

Nhấp vào bản đồ và cài đặt bản đồ bên góc phải
 

▼ Trường hợp thay đổi Google API thành tính năng nhúng html của Google Map, tính năng bản đồ có thể được sử dụng miễn phí, vui lòng tham khảo các bước hướng dẫn dưới đây:

1. Chia sẻ bản đồ từ Google Map

Chia sẻ bản đồ từ Google Map
 

2. Sao chép HTML tại phần “Nhúng bản đồ”.

Sao chép HTML tại phần “Nhúng bản đồ”
 

3. Trở lại trang chính Site Builder, chọn bên góc trái Trở lại trang chính Site Builder chọn “Nâng cao”, chọn tiếp “Html tùy chỉnh”

Hướng dẫn thiết kế web - Nhúng bản đồ chèn Google Map vào trang web

Góc bên trái Site Builder chọn, Chèn bản đồ
 

4. Nhấp đúp chuột vào khung “Tùy chỉnh html”, cửa sổ chỉnh sửa sẽ hiện ra, có thể dán phần html của “Nhúng bản đồ” vào, sau đó chọn “Áp dụng” để hoàn thành phần cài đặt.

cửa sổ chỉnh sửa sẽ hiện ra, có thể dán phần html của  “Nhúng bản đồ” vào, sau đó chọn “Áp dụng” để hoàn thành phần cài đặt.
 

5. Hoàn tất chèn bản đồ Google Map vào trang web.

Hoàn tất chèn bản đồ Google Map vào trang web



 

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)
非常有幫助
沒有任何幫助

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