นักพัฒนาแอปสามารถฝังแผนที่สดของ Waze ลงในเว็บไซต์ได้ แผนที่สดช่วยให้ผู้เข้าชมค้นหาสถานที่และดูข้อมูลอัปเดตการจราจรแบบเรียลไทม์ตามข้อมูลแผนที่แบบเรียลไทม์ของ Waze
คุณฝังแผนที่สดของ Waze ลงในเว็บไซต์ได้โดยใช้ iFrame เพื่อให้เอาต์พุตมีลักษณะดังนี้
โดยค่าเริ่มต้น แผนที่สดจะมีลิงก์ไปยังตัวเลือกการค้นหาและการกำหนดเส้นทางของแผนที่นี้ที่มุมซ้ายล่าง
ดูตัวอย่างตัวเลือกการกำหนดค่าแผนที่สดเพิ่มเติมได้ที่ ตัวอย่าง
วิธีฝัง iFrame ด้วยแผนที่สดของ Waze
- เปิดหน้าเว็บในเครื่องมือแก้ไขข้อความ
- หากต้องการสร้าง iFrame ในหน้าเว็บ ให้เพิ่มโค้ด iFrame ลงในหน้าเว็บ
- เปิดแผนที่สดของ Waze แล้วค้นหาสถานที่ในแถบค้นหาหรือโดยการซูมเข้าและคลิกส่วนใดส่วนหนึ่งของแผนที่
- คลิกไอคอนแชร์
ที่มุมขวาล่างของ
แผนที่ ป๊อปอัปควรปรากฏขึ้นพร้อมโค้ดฝังที่กำหนดเอง คัดลอกและวางโค้ดลงในส่วนเนื้อความของ หน้าเว็บ
ตัวอย่าง
ตัวอย่างต่อไปนี้แสดงวิธีฝังแผนที่สดลงในเว็บไซต์ อัปเดตพารามิเตอร์ของ URL สำหรับกรณีการใช้งานของคุณ
<iframe src="https://embed.waze.com/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
หากต้องการฝัง iFrame ลงในเว็บไซต์ที่ปรับเปลี่ยนตามอุปกรณ์ เราขอแนะนำให้คุณใช้เทคนิค CSS ทั่วไปเพื่อตั้งค่าขนาด iFrame โดยอัตโนมัติตามขนาดหน้าจอ
พารามิเตอร์ URL
ตารางต่อไปนี้อธิบายพารามิเตอร์ของ iFrame ของ Waze
| พารามิเตอร์ | จำเป็นหรือไม่ | คำอธิบาย |
|---|---|---|
desc |
ไม่บังคับ | ตั้งค่าพารามิเตอร์นี้เป็นค่าใดก็ได้เพื่อแสดงบล็อกข้อความอธิบายในแผนที่สด ผู้แพร่ภาพใช้ข้อความนี้เพื่อให้ข้อมูลล่าสุดแก่ผู้ใช้ Waze โดยไม่จำเป็นต้อง อัปเดตเว็บไซต์ของสถานีด้วยตนเอง ข้อความทั้งหมดสร้างขึ้นโดย Waze เพื่อให้มั่นใจว่าเนื้อหา ถูกต้อง |
lat |
จำเป็น | ละติจูดของจุดศูนย์กลางของแผนที่ |
lon |
จำเป็น | ลองจิจูดของจุดศูนย์กลางของแผนที่ |
pin |
ไม่บังคับ | ตั้งค่าเป็น 1 เพื่อวางหมุดไว้ที่กึ่งกลางของแผนที่ เช่น <iframe src="https://embed.waze.com/iframe? zoom=12&lat=45.6906304&lon=-120.810983&pin=1" width="300" height="400"></iframe> |
zoom |
จำเป็น | ระดับการขยายของแผนที่เมื่อเปิด ค่าต่ำสุดคือ 3 (การขยายน้อยที่สุด) ค่าสูงสุดคือ 17 (การขยายมากที่สุด) |
การแปล
รหัสภาษาเริ่มต้นคือภาษาอังกฤษ ดูข้อมูลเพิ่มเติมได้ที่ การแปล iFrame เป็นภาษาท้องถิ่น
ตัวอย่างต่อไปนี้แสดงวิธีเปลี่ยนภาษาที่แสดง
<iframe src="https://embed.waze.com/fr/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
หลักเกณฑ์
หากต้องการฝังแผนที่สดของ Waze ลงในเว็บไซต์ คุณต้องปฏิบัติตามหลักเกณฑ์ต่อไปนี้
- อย่าเชื่อมโยง Waze กับการใช้แผนที่ที่ไม่ใช่ของ Waze ในทางใดทางหนึ่ง
- อย่าใช้วัสดุที่มีแบรนด์ Waze (โลโก้ ไอคอน ฯลฯ) กับแผนที่ที่ไม่ใช่ของ Waze
ตัวอย่าง
ตัวอย่างต่อไปนี้แสดงการใช้พารามิเตอร์ร่วมกันเพื่อเพิ่มองค์ประกอบภาพต่างๆ ลงในแผนที่สด
ตัวอย่างที่ 1
การติดตั้งใช้งาน iframe ต่อไปนี้แสดงหมุดของแผนที่
แมนฮัตตัน นิวยอร์ก (มีหมุด)
iframe ใช้โค้ดต่อไปนี้
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=40.78247&lon=-73.97105&pin=1"
width="100%" height="520"></iframe>ตัวอย่างที่ 2
การติดตั้งใช้งาน iframe ต่อไปนี้แสดงหมุดของแผนที่และรวมข้อความอธิบาย
เซาเปาโล (มีหมุดและคำอธิบาย)
iframe ใช้โค้ดต่อไปนี้
<iframe src="https://embed.waze.com/iframe?zoom=14&lat=-23.55052&lon=-46.63331&pin=1&desc=1"
width="100%" height="520"></iframe>ตัวอย่างที่ 3
การติดตั้งใช้งาน iframe ต่อไปนี้แสดงหมุดของแผนที่
ปารีส ฝรั่งเศส (มีหมุด)
iframe ใช้โค้ดต่อไปนี้
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=48.85661&lon=2.35222&pin=1"
width="100%" height="520"></iframe>ติดต่อชุมชนนักพัฒนาแอปของ Waze
ดูข้อมูลเพิ่มเติมได้โดยเข้าร่วมการสนทนาใน ฟอรัมชุมชนนักพัฒนาแอปของ Waze