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