Nhà phát triển có thể nhúng Bản đồ trực tiếp của Waze vào 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 của Waze vào trang web của mình bằng cách sử dụng một iFrame, để đầu ra trông như sau:
Theo mặc định, Bản đồ trực tiếp có một đường liên kết đến các lựa chọn tìm kiếm và chỉ đường của bản đồ này ở góc dưới cùng bên trái.
Để xem ví dụ về các lựa chọn định cấu hình bổ sung cho Bản đồ trực tiếp, hãy xem phần Ví dụ.
Cách nhúng 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 một 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 của 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 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 kèm theo mã nhúng tuỳ chỉnh. Sao chép và dán mã này vào nội dung trang web của bạn.
Ví dụ
Ví dụ sau đây cho biết 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 một trang web thích ứng, bạn nên sử dụng các kỹ thuật CSS thông thường để 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 tham số của iFrame Waze:
| Tham số | Bắt buộc? | Mô tả |
|---|---|---|
desc |
Không bắt buộc | Đặt tham số này thành bất kỳ giá trị nào để hiển thị một 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 mới nhất cho người dùng Waze mà không cần cập nhật trang web của đài theo cách thủ công. Tất cả văn bản đều do Waze tạo để đảm bảo nội dung chính xác. |
lat |
Bắt buộc | Vĩ độ của điểm giữa trên bản đồ. |
lon |
Bắt buộc | Kinh độ của điểm giữa trên bản đồ. |
pin |
Không bắt buộc | Đặt thành 1 để đặt một ghim vào tâm 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 đại của bản đồ khi được 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 phần Bản địa hoá iFrame.
Ví dụ sau đây cho thấ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 của Waze vào trang web, 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 dưới bất kỳ hình thức nào.
- Không sử dụng tài liệu có gắn thương hiệu Waze (biểu trưng, biểu tượng, v.v.) với bản đồ không phải của Waze.
Ví dụ
Các ví dụ sau đây minh hoạ cách sử dụng các tổ hợp tham số để thêm nhiều phần tử trực quan vào Bản đồ trực tiếp:
Ví dụ 1
Sau đây là cách triển khai iframe cho thấy ghim trên bản đồ.
Manhattan, New York (Có mã PIN):
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
Sau đây là cách triển khai iframe cho thấy ghim trên bản đồ và có cả văn bản mô tả.
San Paulo (có ghim và nội dung 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
Sau đây là cách triển khai iframe cho thấy ghim trên bản đồ.
Paris, Pháp (có ghim):
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 của Waze
Để biết thêm thông tin, hãy tham gia thảo luận trong diễn đàn Cộng đồng nhà phát triển Waze.