מפתחים יכולים להטמיע מפה חיה של Waze באתר שלהם. המפה החיה מאפשרת למבקרים לחפש מקומות ולראות עדכוני תנועה בזמן אמת על סמך נתוני המפה של Waze בזמן אמת.
מטמיעים את המפה החיה של Waze באתר באמצעות iFrame, וכך הפלט אמור להיראות כך:
כברירת מחדל, המפה החיה כוללת קישור לאפשרויות החיפוש והניתוב של המפה בפינה הימנית התחתונה.
דוגמאות לאפשרויות הגדרה נוספות במפה החיה: דוגמאות.
כדי להטמיע iFrame במפה החיה של Waze:
- פותחים את דף האינטרנט בכלי לעריכת טקסט.
- כדי ליצור iFrame בדף האינטרנט שלכם, צריך להוסיף את קוד ה-iFrame לדף האינטרנט.
- פותחים את המפה החיה של Waze, מחפשים את המיקום שלכם בסרגל החיפוש או על ידי התקרבות ולחיצה על קטע ספציפי במפה.
- צריך ללחוץ על סמל השיתוף
בפינה השמאלית התחתונה של המפה. אמור להופיע חלון קופץ עם קוד הטמעה מותאם אישית. מעתיקים את הקוד ומדביקים אותו בגוף של דף האינטרנט.
דוגמה
הדוגמה הבאה מראה איך להטמיע את המפה החיה באתר שלכם. עדכנו את הפרמטרים של כתובת האתר בהתאם לתרחיש לדוגמה שהוגדר.
<iframe src="https://embed.waze.com/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
כדי להטמיע את ה-iFrame באתר רספונסיבי, מומלץ להשתמש בטכניקות CSS נפוצות כדי להגדיר את גודל ה-iFrame באופן אוטומטי, בהתאם לגודל המסך.
פרמטרים של כתובת אתר
בטבלה הבאה מתוארים הפרמטרים של ה-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.