توسعهدهندگان میتوانند نقشه زنده Waze را در وبسایت خود قرار دهند. نقشه زنده به بازدیدکنندگان اجازه میدهد مکانها را جستجو کنند و بهروزرسانیهای ترافیک را بهصورت لحظهای بر اساس دادههای نقشه لحظهای Waze مشاهده کنند.
شما با استفاده از یک iFrame، نقشه زنده Waze را در وبسایت خود جاسازی میکنید، به طوری که خروجی به شکل زیر خواهد بود:
به طور پیشفرض، نقشه زنده شامل پیوندی به گزینههای جستجو و مسیریابی این نقشه در گوشه پایین سمت چپ است.
برای مثالهایی از گزینههای پیکربندی نقشه زنده اضافی، به مثالها مراجعه کنید.
برای جاسازی iFrame با Waze Live Map:
- صفحه وب خود را در یک ویرایشگر متن باز کنید.
- برای ایجاد یک 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، بر اساس اندازه صفحه نمایش، استفاده کنید.
پارامترهای آدرس اینترنتی
جدول زیر پارامترهای iFrame ویز را شرح میدهد:
| پارامتر | الزامی است؟ | توضیحات |
|---|---|---|
desc | اختیاری | این پارامتر را روی هر مقداری تنظیم کنید تا یک بلوک متنی توصیفی در نقشه زنده نمایش داده شود. پخشکنندگان از این متن برای ارائه اطلاعات بهروز برای Wazerها استفاده میکنند، بدون اینکه نیازی به بهروزرسانی دستی وبسایتهای ایستگاههایشان باشد. تمام متن توسط Waze ایجاد میشود و صحت محتوا تضمین میشود. |
lat | مورد نیاز | عرض جغرافیایی نقطه مرکزی نقشه. |
lon | مورد نیاز | طول جغرافیایی نقطه مرکزی نقشه. |
pin | اختیاری | برای قرار دادن پین در مرکز نقشه، آن را روی ۱ تنظیم کنید. برای مثال: <iframe src="https://embed.waze.com/iframe? zoom=12&lat=45.6906304&lon=-120.810983&pin=1" width="300" height="400"></iframe> |
zoom | مورد نیاز | میزان بزرگنمایی نقشه هنگام باز شدن. حداقل مقدار ۳ (کمترین بزرگنمایی) و حداکثر مقدار ۱۷ (بیشترین بزرگنمایی) است. |
محلی سازی
کد زبان پیشفرض انگلیسی است. برای اطلاعات بیشتر، به بومیسازی 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 استفاده نکنید.
مثالها
مثالهای زیر استفاده از ترکیب پارامترها را برای افزودن عناصر بصری مختلف به نقشه زنده نشان میدهند:
مثال ۱
پیادهسازی iframe زیر، پین مربوط به map را نشان میدهد.
منهتن، نیویورک (با پین):
آیفریم از کد زیر استفاده میکند:
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=40.78247&lon=-73.97105&pin=1"
width="100%" height="520"></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>مثال ۳
پیادهسازی iframe زیر، پین مربوط به map را نشان میدهد.
پاریس، فرانسه (با سنجاق):
آیفریم از کد زیر استفاده میکند:
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=48.85661&lon=2.35222&pin=1"
width="100%" height="520"></iframe>با انجمن توسعهدهندگان Waze تماس بگیرید
برای اطلاعات بیشتر، به گفتگو در انجمن توسعهدهندگان Waze بپیوندید.