นักพัฒนาแอปสามารถฝัง Waze Live Map ในเว็บไซต์ได้ Live Map ช่วยให้ผู้เข้าชมค้นหาตำแหน่งและดูข้อมูลการจราจรแบบเรียลไทม์โดยอิงตามข้อมูลแผนที่แบบเรียลไทม์ของ Waze
คุณฝัง Waze Live Map ลงในเว็บไซต์โดยใช้ iframe เพื่อให้เอาต์พุตมีลักษณะดังต่อไปนี้
โดยค่าเริ่มต้น แผนที่สดจะมีลิงก์ไปยังตัวเลือกการค้นหาและการกำหนดเส้นทางของแผนที่อยู่ที่มุมซ้ายล่าง
ดูตัวอย่างตัวเลือกการกำหนดค่า Live Map อื่นๆ ได้ที่ตัวอย่าง
วิธีฝัง iframe ด้วย Waze Live Map
- เปิดหน้าเว็บในเครื่องมือแก้ไขข้อความ
- หากต้องการสร้าง iframe บนหน้าเว็บ ให้เพิ่มโค้ด iframe ลงในหน้าเว็บ
- เปิดแผนที่สดของ Waze ค้นหาตำแหน่งของคุณในแถบค้นหาหรือซูมเข้าและคลิกกลุ่มที่ต้องการในแผนที่
- คลิกไอคอนแชร์
ที่มุมขวาล่างของแผนที่ ป๊อปอัปควรปรากฏขึ้นพร้อมโค้ดสำหรับฝังที่กำหนดเอง คัดลอกและวางโค้ดลงในส่วนเนื้อหาของหน้าเว็บ
ตัวอย่าง
ตัวอย่างต่อไปนี้แสดงวิธีฝัง Live Map ลงในเว็บไซต์ อัปเดตพารามิเตอร์ของ 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 Live Map ในเว็บไซต์
- ห้ามเชื่อมโยง 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 ต่อไปนี้จะแสดงหมุดแผนที่
ปารีส ฝรั่งเศส (พร้อม PIN):
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 เพื่อดูข้อมูลเพิ่มเติม