סקירה
פתרון 3D Area Explorer מאפשר לכם לגלות מיקומים ולחוות אותם באופן חדש לגמרי. הפתרון הזה מנצל את היכולות של כרטיסי מידע ריאליסטיים בתלת-ממד בפלטפורמה של מפות Google ושל Places API כדי ליצור סביבות תלת-ממדיות אינטראקטיביות ומעניינות.
סייר האזור התלת-ממדי נועד לשרת מספר מטרות:
שיפור חקר האזור: המשתמשים יכולים לחקור שכונות באופן וירטואלי עם רמה גבוהה של פירוט, ולקבל תובנות על תכונות וציוני דרך מקומיים.
קידום נרטיבים מבוססי-מיקום: היכולת לשלב נקודות עניין (נקודות עניין) עם תיאורים עשירים מאפשרת ליצור חוויות שמבוססות על נרטיבים, שמלמדות את המשתמשים לגבי מיקומים ספציפיים ומיידעות אותם על כך.
השראה לפיתוח באמצעות יכולות תלת-ממד של מפות Google: היכולות האלה ממחישות את הפוטנציאל של נתוני המיפוי בתלת-ממד של Google ליצירת מפות אינטראקטיביות ומושכות
תחילת העבודה:
הפעלה
טכנולוגיות מרכזיות
הפתרון הזה נוצר באמצעות שתי טכנולוגיות מרכזיות:
ממשקי API של הפלטפורמה של מפות Google:
אנחנו משתמשים במספר ממשקי API מהפלטפורמה של מפות Google כדי לקבל את המפה הבסיסית ואת הנתונים ליצירת החוויה הזו:
- משבצות תלת-ממדיות פוטוריאליסטיות במפות Google: מודלים של בניינים ופני שטח ברזולוציה גבוהה בתלת-ממד מספקים ייצוג מציאותי וויזואלי מעניין של הסביבות העירוניות.
- Places API: האפליקציה יכולה לזהות ולהציג מידע מפורט על נקודות עניין (POI) באזור שנחשף, וכך להעשיר את חוויית המשתמש עם ידע מקומי.
- השלמה אוטומטית עוזרת למשתמשים לחפש מיקומים או תחומי עניין ספציפיים.
CesiumJS
SesiumJS אחראית לעיבוד ולהצגה של כדור הארץ בתלת-ממד ברזולוציה גבוהה. המערכת מטפלת בטעינה ובתצוגה של האריחים הפוטוריאליים בתלת-מימד של Google, שמספקים מודל רשת תלת-ממדי של בניינים ופני שטח.
ניהול מצלמה: CesiumJS מספק כלים לשליטה במיקום, בכיוון ובתנועה של המצלמה. בין היתר, אסור:
- הגדרת נקודת המבט הראשונית להתמקדות בשכונה שצוינה בזמן טעינת האפליקציה.
- הטמעת תנועות מצלמה דינמיות, כמו אנימציות אוטומטיות של המסלול לצורכי חקירה.
- טיפול באינטראקציות של משתמשים עם כדור הארץ, אם תכונות כאלה כלולות (הזזה, זום, סיבוב).
איך משתמשים במשבצת פוטוריאליסטית בתלת-ממד כדי לעבד משבצות תלת-ממדיות?
רכיבים מרכזיים
האפליקציה מחולקת לשתי אפליקציות שונות, כלומר:
- אפליקציית ניהול
- אפליקציית הדגמה
הדיאגרמה מספקת סקירה כללית של ההבדלים בין שתי האפליקציות ואת ההתאמה בין שתי האפליקציות:
כדאי לחקור כל אפליקציה לעומק:
אפליקציית ניהול
האפליקציה הזו מספקת ממשק ידידותי למשתמש שמאפשר להתאים אישית את חוויית התלת-ממד:
חיפוש מיקום : אפשר להשתמש בסרגל החיפוש המשולב עם השלמה אוטומטית בפלטפורמה של מפות Google כדי למצוא את האזור שרוצים להציג. לאחר בחירת המיקום, המצלמה תטוס באופן חלק לאזור הזה.
מצלמה: שינוי מהירות התנועה של המצלמה וסוג המסלול כדי ליצור את חוויית הצפייה שנבחרה.
מקומות (POI): הגדרת הצפיפות, רדיוס החיפוש וסוגים של נקודות עניין (למשל מסעדות, בתי קפה, ציוני דרך) שרוצים להציג.
אפשר להשתמש באפליקציה הזו כדי להתאים אישית את החוויה של משתמשי הקצה.
אפשר לראות תצוגה צפופה של אטרקציות תיירותיות סביב רצועת לאס וגאס.
לחקור את הקניון הגדול עם כל האטרקציות התיירותיות העיקריות
יש תיאור מפורט של כל ההתאמות האישיות ההתאמות האישיות של 'סייר שטח של תלת-ממד'.
אפליקציית הדגמה
זוהי האפליקציה האחרונה שגלויה למשתמשים וטוענת את ההגדרות האישיות שיצרתם באפליקציית Admin. בסביבה העשירה והתלת-ממדית הזו המשתמשים יוכלו לחקור את האזורים שנבחרו ולגלות את המקומות שהדגשתם.
אחרי שמתאימים אישית את העיצוב והסגנון באמצעות אפליקציית Admin, אפשר להוריד את ההגדרות ולהריץ את האפליקציה בהתאמה אישית מקוד המקור.
חווית המשתמש
אלה כמה מהתכונות העיקריות של האפליקציה:
- המשתמשים יכולים לחקור אזור באופן אינטראקטיבי בתלת-ממד, כולל בניינים, ציוני דרך ופני השטח.
- המשתמשים יכולים לחפש ולגלות מקומות בסביבה (למשל מוזיאונים, פארקים, מסעדות).
אחרי שבוחרים מקום, המשתמשים יכולים לראות מידע מפורט או נרטיבים שקשורים לאותו מיקום.
המפתחים יכולים להתאים אישית את חוויית הניתוח שלהם באמצעות הגדרות ואמצעי בקרה (אם הם משתמשים באפליקציית Admin).
הסיבוב האוטומטי מופעל, כך שהמצלמה יכולה להסתובב אוטומטית סביב מרכז האזור שנבחר.
דרישות מוקדמות
מפתח API של מפות Google: נדרש מפתח API תקין שמופעל בו ממשקי ה-API הבאים:
שרת אינטרנט: ניתן להציג את האפליקציה מאחד המקורות הבאים:
- שרת אינטרנט מקומי (למשל: באמצעות Node.js או http-server)
- שירות אירוח סטטי באינטרנט (האפליקציה מגיעה עם קובץ Docker)
תוכלו לקרוא תיאור מפורט של אפשרויות הפריסה בקטע Readme בפרויקט ב-GitHub.
פריסה
אפשר לפרוס את האפליקציה כאפליקציית צומת או כקונטיינר של Docker בכל סביבת קונטיינרים, כמו GKE או GAE. ההדגמה המתארחת מבוססת על הארכיטקטורה הבאה:
- בארכיטקטורה הזו, הקוד נמצא בפרויקט GitHub.
- Cloud Build קולט את הקוד בכל דחיפה לדף הראשי ומפעיל פעולת build.
- כחלק מה-build, הוא מחדיר את מפתח ה-API ויוצר תמונה שנשמרה במרשם של פריטי המידע שנוצרו בתהליך הפיתוח (Artifact).
- לבסוף, הוא פורס את קובץ האימג' היציב העדכני ביותר מרישום של Artifact ל-Cloud Run.
- אנחנו גם מפעילים כמה בדיקות תקינות ומעקב כדי לבדוק את התקינות של האפליקציות שנפרסו.
פרטי חיוב
פתרון 3D Area Explorer משתמש בשירותי הפלטפורמה של מפות Google כדי לספק חוויה דינמית סוחפת. חלק מממשקי ה-API עשויים לצבור חיובים. לפניכם סקירה כללית של ממשקי ה-API וקישורים לתמחור.
הפלטפורמה של מפות Google – ממשק API של משבצות 3D:
הפתרון ליצירת סיפורים משתמשים ב-3D Tiles API כדי לשפר את החוויה החזותית באמצעות נתונים גיאו-מרחביים. בפרטי התמחור שקשורים ל-3D Tiles API אפשר לקרוא את המאמר תמחור של 3D Tiles API בפלטפורמה של מפות Google.
הפלטפורמה של מפות Google – ממשק API של מקומות (מקומות):
Places API מבוסס על נתונים מבוססי-מיקום ומוסיפים מידע עשיר לחוויה של סיפור המותג. כדי להבין את העלויות שמשויכות ל-Google Places API,אפשר לעיין בפלטפורמה של מפות Google – תמחור API של מקומות.
הפלטפורמה של מפות Google – ממשק API להשלמה אוטומטית:
תכונת ההשלמה האוטומטית משפרת את האינטראקציה של המשתמשים. לקבלת פרטים על מחירים בנוגע ל-Google Maps השלמה אוטומטית API, יש להיכנס לפלטפורמה של מפות Google - מחירים להשלמה אוטומטית של מקומות.
SesiumJS:
CesiumJS משמש לתצוגה חזותית של כדור הארץ בתלת-ממד. למרות ש-CesiumJS עצמו הוא קוד פתוח, ייתכן שלתכונות או לשירותים נוספים יהיו עלויות משלהם. עיינו בתיעוד של SesiumJS כדי למצוא הצעות פרימיום.
חשוב מאוד לבדוק את פרטי התמחור של כל API מתאים, כי החיובים נקבעים בנפרד על סמך השימוש. שימו לב שהפלטפורמה של מפות Google מציעה תוכנית ללא תשלום עם היקף שימוש מסוים ללא עלות. בנוסף, מפרטי התמחור עשויים להשתנות בהתאם לגורמים כמו מספר הבקשות ואזור השימוש.
כדי לקבל את המידע המדויק והעדכני ביותר על עלויות השימוש ב-Google Maps Platform וב-CesiumJS, יש לעיין תמיד בדפי התמחור הרשמיים. חשוב לפעול בהתאם לתנאים ולהגבלות שמפורטים בשירותים האלה כדי לנהל ולהבין ביעילות את ההוצאות המשויכות.
סיכום
במסמך הזה מפורטת סקירה כללית של היכולות, הרכיבים, חוויית המשתמש והדרישות הטכניות של חוקר האזור התלת-ממדי.
בזכות השימוש במשבצות תלת-ממדיות פוטוריאליסטיות של Google ובממשק ה-API של המקומות, אפשר לחקור באופן וירטואלי שכונות, לגלות נקודות עניין וללמוד על ההיסטוריה המקומית.
בין אם אתם מציגים אזור מסוים, משפרים את יכולות החקר או מקדמים את מספרי הסיפורים שלכם בדיגיטל, 3D Area Explorer מציע פלטפורמה מדהימה מבחינה ויזואלית.
נסו את ההדגמה ומתאימים אישית אותה באמצעות אפליקציית Admin כדי ליצור חוויית תלת-ממד מעניינת ואינפורמטיבית.