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