התאמה אישית של מפות תלת-ממדיות

אתם יכולים להתאים אישית את המראה והתחושה של המפה הבסיסית התלת-ממדית באמצעות עיצוב מפות מבוסס-ענן.

עיצוב מפות מבוסס-ענן מאפשר לכם לשלוט במראה ובתחושה של המפה שמוצגת למשתמשים. אתם יכולים לשלוט בתכונות כמו צפיפות נקודות העניין (POI), הסרה של קטגוריות מסוימות של נקודות עניין ושינוי המילוי או הקו של התכונות, כדי ליצור חוויית מפה שמותאמת למשתמשים שלכם.

עיצוב מפות מבוסס-ענן מספק חוויית עריכה ללא קוד במסוף Google Cloud. כל סגנון מותאם אישית שאתם יוצרים משויך למזהה מפה. שינויים שתבצעו בסגנון במסוף המפות יופיעו באפליקציה באופן אוטומטי.

בדוגמה הבאה מוצגת מפה שבה נעשה שימוש בסגנון מותאם אישית כדי לשנות את הצבע של סמלי הטקסט של תכונות הנופש לכתום:

async function init() {
    const { Map3DElement } = await google.maps.importLibrary('maps3d');

    const map = new Map3DElement({
        center: {
            lat: 37.75183154601466,
            lng: -119.52369070507672,
            altitude: 2200,
        },
        tilt: 67.5,
        heading: 108.94057782079429,
        range: 6605.57279990986,
        mapId: 'bcce776b92de1336e22c569f', // Styles are associated with map IDs.
        mode: 'HYBRID',
        gestureHandling: 'COOPERATIVE',
    });

    document.body.append(map);
}

void init();

סקירה כללית

התהליך להתאמה אישית של מפות תלת-ממדיות באמצעות עיצוב מפות מבוסס-ענן זהה לתהליך של מפות דו-ממדיות:

1 יצירת מזהה מפה יוצרים מזהה מפה. מזהי המפות מועברים לאפליקציה כדי לטפל בסגנון. בשלבים הבאים תשייכו סגנון מותאם אישית למזהה המפה הזה.
2 יצירת עיצוב מפה מבוסס-ענן בשלב הזה צריך לבחור באפשרות 'היברידית תלת-ממדית' ולהשתמש ב'מצב בהיר'.
3 שיוך סגנון מפה למפה מקשרים את הסגנון למזהה המפה שיצרתם בשלב הראשון
4 הוספת מזהה המפה לאפליקציה מציינים את מזהה המפה בקוד באמצעות הפרמטר map-id.
5 פרסום מזהה המפה שימו לב: שינויים בסגנון המותאם אישית שלכם משולבים אוטומטית באפליקציה אחרי הפרסום.

מידע נוסף על יצירת סגנונות מפה זמין במאמר איך יוצרים סגנונות מפה ומשתמשים בהם.

מגבלות

יש כמה מגבלות שצריך להכיר כשמשתמשים בעיצוב מפות מבוסס-ענן עם מפות תלת-ממדיות ב-JavaScript של מפות Google:

  • אין תמיכה במצב כהה.
  • אין תמיכה בתכונות שמופעל בהן מזהה מפה, כמו סגנון מבוסס-נתונים.