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