תכונות מבוססות-WebGL עבור Maps JavaScript API מאפשרות לך שליטה בהטיה ובסיבוב, הוספת אובייקטים תלת ממדיים ישירות למפה ועוד. הוא כולל:
- שכבת-על מסוג WebGL מאפשר להוסיף למפות שלכם גרפיקה דו-ממדית ותלת-ממדית ותוכן אנימציה מותאם אישית.
- הטיה וכיוון שניתן לבצע בו שינויים באופן פרוגרמטי, ובאמצעות העכבר והמקלדת תנועות.
- map.moveCamera() מאפשר לשנות כמה מאפייני מצלמה בו-זמנית.
- ב-Zoom יש עכשיו תמיכה בערכים שברים.
שנתחיל?
כדי להשתמש בתכונות החדשות של WebGL, צריך מזהה מפה שמשתמש ב- מפה וקטורית. צריך גם מעדכנים את בקשת ה-bootrap של ה-API. בקטע הזה נסביר איך עושים את זה.
יצירת מזהה מפה חדש
כדי ליצור מזהה מפה חדש, יש לפעול לפי השלבים הבאים: שימוש בעיצוב מפה מבוסס-ענן – קבלת מזהה מפה. יש להגדיר את סוג המפה כ-JavaScript ולבחור באפשרות וקטור כאפשרות. מסמנים את האפשרות הטיה או סיבוב כדי להפעיל הטיה וסיבוב מפה כך תוכלו לשנות את הערכים האלה באופן פרוגרמטי, וגם מאפשר למשתמשים להתאים את ההטיה והכיוון ישירות במפה. אם משתמשים בהטיה כותרת תשפיע לרעה על האפליקציה, משאירים את האפשרויות הטיה וסיבוב לא- מסומן כדי שמשתמשים לא יוכלו להתאים את ההטיה והסיבוב.
עדכון הקוד של אתחול המפה
כדי לעשות את זה צריך את מזהה המפה שיצרתם. ניתן למצוא את המדריך.
מפות
ניהול. אתם יכולים לספק מזהה מפה כשאתם יוצרים את המפה באמצעות
נכס mapId כפי שמוצג כאן:
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});
דוגמאות
הוספנו דוגמאות כדי להמחיש את התכונות האלה: