תחילת העבודה של סייר האזור בתלת-ממד

תמונה

סקירה כללית

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

סייר האזור התלת-ממדי נועד לשרת מספר מטרות:

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

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

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

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

הפעלה

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

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

ממשקי API של הפלטפורמה של מפות Google:

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

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

CesiumJS

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

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

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

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

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

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

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

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

תמונה

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

אפליקציית ניהול

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

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

  • מצלמה: כוונון מהירות וסוג המסלול של המצלמה כדי ליצור חוויית הצפייה שנבחרה.

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

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

יש תיאור מפורט של כל ההתאמות האישיות התאמות אישיות של 'סייר שטח תלת-ממדי'.

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

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

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

חווית משתמש

תמונה

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

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

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

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

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

  1. מפתח API של מפות Google: נדרש מפתח API חוקי עם ממשקי ה-API הבאים מופעל:

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

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

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

פריסה

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

תמונה

  • בארכיטקטורה הזו, הקוד נמצא בפרויקט GitHub.
  • מערכת Cloud Build קולטת את הקוד בכל דחיפה לדף הראשי ומופעלת בו גרסת build. פעולה.
  • כחלק מה-build, היא מחדירה מפתח API ויוצרת תמונה ואז מאוחסנים במרשם של פריטי המידע שנוצרו בתהליך הפיתוח (Artifact).
  • לבסוף, הוא פורס את קובץ האימג' היציב העדכני ביותר מרישום של Artifact ל-Cloud run.
  • אנחנו מבצעים גם כמה בדיקות בריאותיות ומעקבים כדי לבדוק את התקינות של האפליקציות שנפרסו.

פרטי חיוב

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

הפלטפורמה של מפות Google – ממשק API של משבצות 3D:

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

הפלטפורמה של מפות Google – ממשק API של מקומות (מקומות):

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

הפלטפורמה של מפות Google – ממשק API להשלמה אוטומטית:

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

SesiumJS:

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

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

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

סיכום

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

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

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

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