Các nhà phát triển có thể nhúng Bản đồ trực tiếp của Waze trên trang web của mình. Bản đồ trực tiếp cho phép khách truy cập tìm kiếm vị trí và xem thông tin cập nhật về tình hình giao thông theo thời gian thực dựa trên dữ liệu bản đồ theo thời gian thực của Waze.
Bạn nhúng Bản đồ trực tiếp Waze vào trang web của mình bằng cách sử dụng iFrame, do đó, kết quả sẽ có dạng như sau:
Theo mặc định, Bản đồ trực tiếp bao gồm một đường liên kết đến các tuỳ chọn tìm kiếm và định tuyến của bản đồ này ở góc dưới bên trái.
Để biết ví dụ về các tuỳ chọn cấu hình bổ sung của Bản đồ trực tiếp, hãy xem Ví dụ.
Cách nhúng iframe với Bản đồ trực tiếp của Waze:
- Mở trang web của bạn trong một trình chỉnh sửa văn bản.
- Để tạo iFrame trên trang web của bạn, hãy thêm mã iFrame vào trang web của bạn.
- Mở Waze Live Map, tìm vị trí của bạn trong thanh tìm kiếm hoặc bằng cách phóng to và nhấp vào một đoạn cụ thể trên bản đồ.
- Nhấp vào biểu tượng chia sẻ
ở góc dưới cùng bên phải của
bản đồ. Một cửa sổ bật lên sẽ xuất hiện cùng với mã nhúng tuỳ chỉnh. Sao chép và dán mã vào phần nội dung của trang web.
Ví dụ:
Ví dụ sau đây cho thấy cách nhúng Bản đồ trực tiếp vào trang web của bạn. Cập nhật các tham số URL cho trường hợp sử dụng của bạn.
<iframe src="https://embed.waze.com/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
Để nhúng iFrame vào trang web thích ứng, bạn nên sử dụng các kỹ thuật CSS phổ biến để tự động đặt kích thước iFrame, dựa trên kích thước màn hình.
Tham số URL
Bảng sau đây mô tả các tham số của iframe Waze:
| Thông số | Bắt buộc? | Nội dung mô tả |
|---|---|---|
desc |
Không bắt buộc | Đặt tham số này thành giá trị bất kỳ để hiển thị khối văn bản mô tả trong Bản đồ trực tiếp. Các đài phát sóng sử dụng văn bản này để cung cấp thông tin cập nhật cho các Ứng dụng Waze mà không cần cập nhật trang web của đài phát theo cách thủ công. Toàn bộ văn bản do Waze tạo ra và đảm bảo nội dung là chính xác. |
lat |
Bắt buộc | Vĩ độ của điểm trung tâm của bản đồ. |
lon |
Bắt buộc | Kinh độ của điểm trung tâm trên bản đồ. |
pin |
Không bắt buộc | Đặt là 1 để đặt ghim vào giữa bản đồ. Ví dụ: <iframe src="https://embed.waze.com/iframe? zoom=12&lat=45.6906304&lon=-120.810983&pin=1" width="300" height="400"></iframe> |
zoom |
Bắt buộc | Mức độ phóng to bản đồ khi mở. Giá trị tối thiểu là 3 (độ phóng đại thấp nhất). Giá trị tối đa là 17 (độ phóng đại cao nhất). |
Bản địa hoá
Mã ngôn ngữ mặc định là tiếng Anh. Để biết thêm thông tin, hãy xem bài viết Bản địa hoá iFrame.
Ví dụ sau cho biết cách thay đổi ngôn ngữ hiển thị:
<iframe src="https://embed.waze.com/fr/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
Nguyên tắc
Để nhúng Bản đồ trực tiếp của Waze vào trang web của mình, bạn phải tuân thủ các nguyên tắc sau:
- Không liên kết Waze với việc sử dụng bản đồ không phải của Waze theo bất kỳ cách nào.
- Không sử dụng các tài liệu có thương hiệu Waze (biểu trưng, biểu tượng, v.v.) cho bản đồ không phải của Waze.
Ví dụ
Các ví dụ sau đây cho thấy việc sử dụng tổ hợp các tham số để thêm nhiều thành phần hình ảnh vào Bản đồ trực tiếp:
Ví dụ 1
Cách triển khai iframe sau đây sẽ hiển thị ghim bản đồ.
Manhattan, New York (Có ghim):
iframe sử dụng mã sau:
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=40.78247&lon=-73.97105&pin=1"
width="100%" height="520"></iframe>
Ví dụ 2
Cách triển khai iframe sau đây hiển thị ghim bản đồ và bao gồm văn bản mô tả.
San Paulo (với mã pin và mô tả):
iframe sử dụng mã sau:
<iframe src="https://embed.waze.com/iframe?zoom=14&lat=-23.55052&lon=-46.63331&pin=1&desc=1"
width="100%" height="520"></iframe>
Ví dụ 3
Cách triển khai iframe sau đây sẽ hiển thị ghim bản đồ.
Paris, Pháp (với mã pin):
iframe sử dụng mã sau:
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=48.85661&lon=2.35222&pin=1"
width="100%" height="520"></iframe>
Liên hệ với Cộng đồng nhà phát triển Waze
Để biết thêm thông tin, hãy tham gia cuộc trò chuyện trong Diễn đàn cộng đồng nhà phát triển Waze.