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

תמונה

סקירה כללית

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

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

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

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

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

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

הפעלה

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

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

‫Google Maps Platform APIs:

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

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

CesiumJS

‫CesiumJS אחראי לעיבוד ולהצגה של כדור הארץ בתלת-ממד ברזולוציה גבוהה. הוא מטפל בטעינה ובהצגה של משטחי תלת-ממד פוטו-ריאליסטיים של 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 Maps Platform מציעה רמת שימוש חינמית עם כמות מסוימת של שימוש ללא עלות. פרטי התמחור עשויים להשתנות בהתאם לגורמים כמו מספר הבקשות ואזור השימוש.

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

סיכום

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

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

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

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