סקירה כללית
התכונה 'כלי הניווט באזורים' ב-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 ל-Cloud Run.
- אנחנו גם מריצים כמה בדיקות תקינות ומעקב כדי לבדוק את התקינות של האפליקציות שנפרסו.
פרטי חיוב
בפתרון 'כלי הניווט באזורים תלת-ממדיים' נעשה שימוש בשירותי פלטפורמת מפות Google כדי לספק חוויה דינמית ומרתקת. ייתכן שיחולו חיובים על ממשקי API מסוימים. לפניכם סקירה כללית של ממשקי ה-API וקישורים למחירים.
הפלטפורמה של מפות Google – ממשק API של משבצות 3D:
הפתרון ליצירת סיפורים משתמשים ב-3D Tiles API כדי לשפר את החוויה החזותית באמצעות נתונים גיאו-מרחביים. פרטי התמחור שקשורים ל-3D Tiles API מפורטים במאמר תמחור של 3D Tiles API בפלטפורמה של מפות Google.
הפלטפורמה של מפות Google – Places API:
Places API מבוסס על נתונים מבוססי-מיקום ומוסיפים מידע עשיר לחוויה של סיפור המותג. כדי להבין את העלויות שמשויכות ל-Google Places API,אפשר לעיין בפלטפורמה של מפות Google – תמחור API של מקומות.
הפלטפורמה של מפות Google – ממשק API להשלמה אוטומטית:
תכונת ההשלמה האוטומטית משפרת את האינטראקציה של המשתמשים. לקבלת פרטים על מחירים בנוגע ל-Google Maps השלמה אוטומטית API, יש להיכנס לפלטפורמה של מפות Google - מחירים להשלמה אוטומטית של מקומות.
CesiumJS:
CesiumJS משמש להצגת גלובוס תלת-ממדי. CesiumJS עצמו הוא קוד פתוח, אבל יכול להיות שתכונות או שירותים נוספים יהיו כרוכים בעלויות משלהם. במסמכי התיעוד של CesiumJS מפורטות כל המוצרים בתשלום.
חשוב מאוד לבדוק את פרטי התמחור של כל API מתאים, כי החיובים נקבעים בנפרד על סמך השימוש. שימו לב שהפלטפורמה של מפות Google מציעה תוכנית ללא תשלום עם נפח שימוש מסוים ללא עלות. בנוסף, מפרטי התמחור עשויים להשתנות בהתאם לגורמים כמו מספר הבקשות ואזור השימוש.
תמיד כדאי לעיין בדפי התמחור הרשמיים כדי לקבל את המידע המדויק והעדכני ביותר על עלויות השימוש בפלטפורמת מפות Google וב-CesiumJS. חשוב לפעול בהתאם לתנאים ולהגבלות שמפורטים בשירותים האלה כדי לנהל ולהבין ביעילות את ההוצאות המשויכות.
סיכום
במסמך הזה מוצגת סקירה כללית של היכולות, הרכיבים, חוויית המשתמש והדרישות הטכניות של כלי הניתוחים של אזורים תלת-ממדיים.
בעזרת Google 3D Tiles ופלטפורמת Places API, אפשר לבצע סיור וירטואלי בשכונות, לגלות נקודות עניין ולקבל מידע על ההיסטוריה המקומית.
בין אם אתם רוצים להציג אזור, לשפר את חוויית הניווט או לקדם סיפורים דיגיטליים, כלי הניווט באזור תלת-ממדי הוא פלטפורמה חזותית מרהיבה.
נסו את ההדגמה ומתאימים אישית אותה באמצעות אפליקציית Admin כדי ליצור חוויית תלת-ממד מעניינת ואינפורמטיבית.