Nhà phát triển có thể nhúng Bản đồ trực tiếp Waze trên trang web của họ. 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 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, để đầu ra trông giống như sau:
Theo mặc định, Bản đồ trực tiếp bao gồm một liên kết đến các tùy chọn tìm kiếm và định tuyến của bản đồ này trong góc dưới bên trái.
Để biết ví dụ về các tuỳ chọn cấu hình Bản đồ trực tiếp bổ sung, hãy xem Ví dụ.
Cách nhúng một iFrame bằng 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, hãy thêm mã iFrame vào trang web của bạn.
- Mở Bản đồ trực tiếp Waze tìm kiế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 của 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 đồ. 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 của bạn.
Ví dụ:
Ví dụ sau đây minh hoạ cách nhúng Bản đồ trực tiếp vào trang web của bạn. Cập nhật 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 một trang web đáp ứng, chúng tôi khuyên 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.
Thông số URL
Bảng sau đây mô tả các thông số của iFrame của Waze:
| Thông số | Bắt buộc? | Mô tả |
|---|---|---|
desc |
Không bắt buộc | Đặt thông 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 Wazers mà không cần các bản cập nhật thủ công cho đài phát của họ của bạn. Tất cả văn bản đều do Waze đảm bảo nội dung là chính xác. |
lat |
Bắt buộc | Vĩ độ của tâm điểm trên bản đồ. |
lon |
Bắt buộc | Kinh độ của tâm điể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 của bản đồ khi bản đồ được mở. Giá trị tối thiểu là 3 (độ phóng to nhỏ nhất). Giá trị tối đa là 17 (hầu hết phóng to). |
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 phần Bản địa hoá iFrame.
Ví dụ sau đây trình bày 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 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 được liên kết Waze với việc sử dụng bản đồ không phải trên Waze dưới bất kỳ hình thức nào.
- Không sử dụng tài liệu mang thương hiệu Waze (biểu trưng, biểu tượng, v.v.) trên bản đồ không phải của Waze.
Ví dụ
Các ví dụ sau đây minh hoạ cách sử dụng tổ hợp các tham số để thêm các thành phần hình ảnh khác nhau vào Bản đồ trực tiếp:
Ví dụ 1
Cách triển khai iframe sau đây hiển thị ghim trên 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 trên bản đồ và bao gồm văn bản mô tả.
San Paulo (có ghim 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 hiển thị ghim trên bản đồ.
Paris, Pháp (có 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 nhóm Nhà phát triển Waze Cộng đồng
Để biết thêm thông tin, hãy tham gia cuộc trò chuyện trong Các nhà phát triển Waze Diễn đàn cộng đồng.