תחילת העבודה עם 'כלי הניווט באזורים תלת-ממדיים'

תמונה

סקירה כללית

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

הכלי 'חקר אזורים בתלת-ממד' מיועד למגוון מטרות:

  • שיפור החיפוש באזור: המשתמשים יכולים לחקור שכונות באופן וירטואלי עם רמת פירוט גבוהה, ולקבל תובנות לגבי מאפיינים מקומיים ונקודות ציון.

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

  • השראה לפיתוח באמצעות יכולות התלת-ממד של מפות Google: המאמר מדגים את הפוטנציאל של נתוני מיפוי בתלת-ממד של Google ליצירת מפות אינטראקטיביות סוחפות

תחילת העבודה:

הפעלה

טכנולוגיות מרכזיות

הפתרון הזה מבוסס על שתי טכנולוגיות מרכזיות:

‫Google Maps Platform APIs:

אנחנו משתמשים בכמה ממשקי API מהפלטפורמה של מפות Google כדי לקבל את מפת הבסיס ואת הנתונים ליצירת חוויית השימוש הזו:

  • משבצות תלת-ממד פוטו-ריאליסטיות של מפות Google: מודלים תלת-ממדיים ברזולוציה גבוהה של בניינים ופני שטח מספקים ייצוג מציאותי ומושך מבחינה ויזואלית של סביבות עירוניות.
  • ‫Places API: האפליקציה יכולה לזהות ולהציג מידע מפורט על נקודות עניין באזור שנבדק, וכך לשפר את חוויית המשתמש באמצעות מידע מקומי.
  • ההשלמה האוטומטית עוזרת למשתמשים לחפש מיקומים ספציפיים או אזורים שמעניינים אותם.

CesiumJS

‫CesiumJS אחראי לעיבוד ולהצגה של כדור הארץ בתלת-ממד ברזולוציה גבוהה. הוא מטפל בטעינה ובהצגה של Photorealistic 3D Tiles של Google, שמספקות מודל רשת תלת-ממדי של בניינים ושטחים.

ניהול המצלמה: CesiumJS מספקת את הכלים לשליטה במיקום, בהתמצאות ובפעולות של המצלמה. למשל:

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

איך עובדים עם רכיב עיבוד של קטעי מפה בתלת-ממד

רכיבים מרכזיים

האפליקציה מחולקת לשתי אפליקציות שונות:

  • אפליקציה לשותפים
  • אפליקציית הדגמה

בדיאגרמה הזו מוצגת סקירה כללית של ההבדלים והמתאם בין שתי האפליקציות:

תמונה

כדאי לבדוק כל אפליקציה לעומק:

אפליקציה לשותפים

האפליקציה הזו מספקת ממשק ידידותי למשתמש שמאפשר להתאים אישית את חוויית התלת-ממד:

  • חיפוש מיקום : משתמשים בסרגל החיפוש המשולב של ההשלמה האוטומטית של Google Maps Platform כדי למצוא את האזור שרוצים להציג. אחרי שבוחרים מיקום, המצלמה תעבור בצורה חלקה לאזור הזה.

  • מצלמה: משנים את מהירות התנועה של המצלמה ואת סוג המסלול כדי ליצור את חוויית הצפייה הרצויה.

  • מקומות (נקודות עניין): מגדירים את הצפיפות, את רדיוס החיפוש ואת סוגי נקודות העניין (למשל, מסעדות, בתי קפה, ציוני דרך) שרוצים להציג.

אפשר להשתמש באפליקציה הזו כדי להתאים אישית את חוויית המשתמשים.

יש תיאור מפורט של כל ההתאמות האישיות של 3D Area Explorer.

אפליקציית הדגמה

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

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

חווית משתמש

תמונה

אלה כמה מהתכונות העיקריות של האפליקציה:

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

  3. אחרי שמשתמשים בוחרים מקום, הם יכולים לראות מידע מפורט או תיאורים שקשורים למיקום הזה.

  4. מפתחים יכולים להתאים אישית את חוויית השימוש שלהם באמצעות הגדרות ואמצעי בקרה (אם הם משתמשים באפליקציה לשותפים).

  5. הסיבוב האוטומטי מופעל, כך שהמצלמה יכולה להסתובב אוטומטית סביב מרכז האזור שנבחר.

דרישות מוקדמות

  1. מפתח Google Maps API: תצטרכו מפתח API תקין עם ממשקי ה-API הבאים שמופעלים:

  2. שרת אינטרנט: אפשר להפעיל את האפליקציה באחד מהמקרים הבאים:

    • שרת אינטרנט מקומי (למשל, באמצעות Node.js, http-server)
    • שירות אירוח אתרים סטטיים (האפליקציה מגיעה עם Dockerfile)

תיאור מפורט של אפשרויות הפריסה מופיע בקטע readme של פרויקט GitHub.

פריסה

אפשר לפרוס את האפליקציה כאפליקציית צומת או כקונטיינר Docker בכל סביבת קונטיינרים כמו GKE או GAE. הארכיטקטורה שבה נעשה שימוש בהדגמה המתארחת היא:

תמונה

  • בארכיטקטורה הזו, הקוד נמצא בפרויקט GitHub.
  • ‫Cloud Build מאחזר את הקוד בכל העברה בדחיפה אל main ומפעיל פעולת build.
  • במסגרת הבנייה, מפתח ה-API מוזרק ונוצרת תמונה שמאוחסנת ב-Artifact Registry.
  • לבסוף, הוא פורס את התמונה היציבה האחרונה מ-Artifact Registry ל-Cloud Run.
  • אנחנו מפעילים גם בדיקות תקינות ומעקב כדי לבדוק את התקינות של האפליקציות שפרסנו.

פרטי חיוב

פתרון 3D Area Explorer משתמש בשירותי Google Maps Platform כדי לספק חוויה דינמית וסוחפת. יכול להיות שיהיו חיובים על שימוש בחלק מממשקי ה-API. סקירה כללית של ממשקי ה-API וקישורים למידע על תמחור.

‫Google Maps Platform – 3D Tiles API:

פתרון ה-Storytelling משתמש ב-3D Tiles API כדי לשפר את החוויה החזותית באמצעות נתונים גיאו-מרחביים. פרטים על התמחור של 3D Tiles API זמינים במאמר בנושא תמחור של 3D Tiles API בפלטפורמה של מפות Google.

‫Google Maps Platform – Places API:

ה-Places API משמש לנתונים מבוססי-מיקום, ומוסיף מידע מגוון לחוויית הצגת התוכן בצורה סיפורית. כדי להבין את העלויות שקשורות ל-Google Places API,אפשר לעיין במאמר בנושא תמחור של Places API ב-Google Maps Platform.

Google Maps Platform – Autocomplete API:

תכונת ההשלמה האוטומטית משפרת את האינטראקציה של המשתמשים. פרטים על התמחור של Google Maps Autocomplete API זמינים בדף התמחור של Places Autocomplete ב-Google Maps Platform.

‫CesiumJS:

‫CesiumJS משמש להדמיה של כדור הארץ בתלת-ממד. ‫CesiumJS הוא קוד פתוח, אבל יכול להיות שיהיו עלויות נוספות שקשורות לתכונות או לשירותים נוספים. מידע על מוצרי פרימיום זמין במסמכי התיעוד של CesiumJS.

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

כדי לקבל את המידע המדויק והעדכני ביותר על עלויות השימוש ב-Google Maps Platform וב-CesiumJS, תמיד כדאי לעיין בדפי התמחור הרשמיים. כדי לנהל את ההוצאות שקשורות לשירותים האלה ולהבין אותן, חשוב לוודא שאתם עומדים בתנאים ובהגבלות שמוגדרים על ידי השירותים האלה.

סיכום

במסמך הזה מוצגת סקירה כללית של היכולות, הרכיבים, חוויית המשתמש והדרישות הטכניות של הכלי 'חקר אזורים בתלת-ממד'.

האפליקציה משתמשת ב-Photorealistic 3D Tiles של Google וב-Places API, ומאפשרת סיור וירטואלי בשכונות, גילוי של נקודות עניין וקבלת מידע על ההיסטוריה המקומית.

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

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