نظرة عامة
يوفّر لك حلّ "استكشاف المناطق الثلاثية الأبعاد" طريقة جديدة تمامًا لاستكشاف المواقع الجغرافية والتعرّف عليها. يستفيد هذا الحلّ من إمكانات المربّعات الثلاثية الأبعاد لصور واقعية في "منصة خرائط Google" وPlaces API لإنشاء بيئات ثلاثية الأبعاد تفاعلية وجذابة.
تم تصميم أداة "استكشاف المنطقة الثلاثي الأبعاد" لخدمة أغراض متعدّدة:
تحسين استكشاف المناطق: يمكن للمستخدمين استكشاف الأحياء افتراضيًا بدرجة عالية من التفاصيل المرئية، ما يتيح لهم الحصول على إحصاءات حول الميزات والمعالم المحلية.
الترويج للقصص المستندة إلى الموقع الجغرافي: تتيح إمكانية دمج نقاط الاهتمام مع أوصاف غنية إنشاء تجارب مستندة إلى القصص لتثقيف المستخدمين وإعلامهم بمواقع جغرافية معيّنة.
إلهام المطوّرين باستخدام إمكانات "خرائط Google" الثلاثية الأبعاد: يوضّح هذا العرض التقديمي إمكانات بيانات الخرائط الثلاثية الأبعاد من Google لإنشاء خرائط تفاعلية غامرة
الخطوات الأولى
تفعيل
التكنولوجيات الرئيسية
تم إنشاء هذا الحلّ باستخدام تقنيتَين رئيسيتَين:
واجهات برمجة تطبيقات "منصة خرائط Google"
نستخدم عدة واجهات برمجة تطبيقات من "منصة خرائط Google" للحصول على الخريطة الأساسية والبيانات لإنشاء هذه التجربة:
- المربّعات الثلاثية الأبعاد لصور واقعية في "خرائط Google": توفّر النماذج الثلاثية الأبعاد العالية الدقة للمباني والتضاريس تمثيلاً واقعيًا وجذابًا بصريًا للبيئات الحضرية.
- Places API: يمكن للتطبيق تحديد وعرض معلومات تفصيلية عن نقاط الاهتمام (POI) ضمن المنطقة التي يتم استكشافها، ما يثري تجربة المستخدم بالمعلومات المحلية.
- تساعد ميزة الإكمال التلقائي المستخدمين في البحث عن مواقع جغرافية أو مناطق معيّنة تهمّهم.
CesiumJS
CesiumJS is responsible for rendering and displaying the high-resolution 3D globe. وتتولّى هذه المكتبة تحميل وعرض المربّعات الثلاثية الأبعاد لصور واقعية من Google، والتي توفّر نموذجًا شبكيًا ثلاثي الأبعاد للمباني والتضاريس.
إدارة الكاميرا: يوفّر CesiumJS أدوات للتحكّم في موضع الكاميرا واتجاهها وحركتها. يشمل ذلك ما يلي:
- ضبط نقطة العرض الأولية للتركيز على الحي المحدّد عند تحميل التطبيق
- تنفيذ حركات الكاميرا الديناميكية، مثل الرسوم المتحركة المدارية الآلية للاستكشاف.
- التعامل مع تفاعلات المستخدم مع الكرة الأرضية إذا كانت هذه الميزات مضمّنة (العرض الشامل، التكبير أو التصغير، التدوير).
تعرَّف على كيفية استخدام مربّع ثلاثي الأبعاد لصور واقعية مع أداة عرض مربّعات ثلاثية الأبعاد.
المكوّنات الرئيسية
ينقسم التطبيق إلى تطبيقَين مختلفَين، وهما:
- تطبيق المشرف
- تطبيق تجريبي
يقدّم هذا المخطّط البياني نظرة عامة على الاختلافات والارتباط بين التطبيقَين:
سيكون من المفيد التحقيق في كل تطبيق بشكل أكبر:
تطبيق المشرف
يوفّر هذا التطبيق واجهة سهلة الاستخدام تتيح لك تخصيص تجربة العرض الثلاثي الأبعاد:
البحث عن الموقع الجغرافي : استخدِم شريط البحث المدمج في ميزة "الإكمال التلقائي" في "منصة خرائط Google" للعثور على المنطقة التي تريد عرضها. بمجرد تحديد موقع، ستنتقل الكاميرا بسلاسة إلى تلك المنطقة.
الكاميرا: يمكنك ضبط سرعة حركة الكاميرا ونوع المدار لإنشاء تجربة المشاهدة المحدّدة.
الأماكن (نقاط الاهتمام): حدِّد الكثافة ونطاق البحث وأنواع نقاط الاهتمام (مثل المطاعم والمقاهي والمعالم) التي تريد عرضها.
استخدِم هذا التطبيق لتخصيص التجربة للمستخدمين النهائيين.
يمكنك الاطّلاع على عرض كثيف للمعالم السياحية حول شارع "لاس فيغاس ستريب".
استكشاف غراند كانيون مع جميع المعالم السياحية الرئيسية
يتوفّر وصف تفصيلي لجميع عمليات التخصيص في تخصيصات 3D Area Explorer.
تطبيق تجريبي
هذا هو التطبيق النهائي الموجّه للمستخدمين والذي يحمّل الإعدادات التي أنشأتها في تطبيق المشرف. في هذه البيئة الثلاثية الأبعاد الغامرة، سيتمكّن المستخدمون من استكشاف المناطق المحدّدة والتعرّف على الأماكن التي سلّطت الضوء عليها.
بعد تخصيص المظهر والأسلوب باستخدام تطبيق المشرف، يمكنك تنزيل الإعدادات وتشغيل تطبيقك المخصّص من الرمز المصدر.
انطباع المستخدم
في ما يلي بعض الميزات الرئيسية للتطبيق:
- يمكن للمستخدمين استكشاف منطقة ما بشكل تفاعلي وثلاثي الأبعاد، بما في ذلك المباني والمعالم والتضاريس.
- يمكن للمستخدمين البحث عن الأماكن المجاورة واستكشافها (مثل المتاحف والمنتزهات والمطاعم).
عند اختيار مكان، يمكن للمستخدمين عرض معلومات مفصّلة أو قصص مرتبطة بهذا الموقع الجغرافي.
يمكن للمطوّرين تخصيص تجربة الاستكشاف من خلال الإعدادات وعناصر التحكّم (في حال استخدام تطبيق المشرف).
تم تفعيل ميزة "التدوير التلقائي"، ما يسمح للكاميرا بالدوران تلقائيًا حول مركز المنطقة المحدّدة.
المتطلبات الأساسية
مفتاح Google Maps API: ستحتاج إلى مفتاح واجهة برمجة تطبيقات صالح مع تفعيل واجهات برمجة التطبيقات التالية:
خادم الويب: يمكنك عرض التطبيق من أيّ مما يلي:
- خادم ويب محلي (على سبيل المثال، باستخدام Node.js أو http-server)
- خدمة استضافة ويب ثابتة (يأتي التطبيق مع ملف Dockerfile)
يمكنك العثور على وصف تفصيلي لخيارات النشر في قسم readme في مشروع GitHub.
النشر
يمكنك نشر التطبيق كتطبيق Node أو حاوية Docker في أي بيئة حاوية، مثل GKE أو GAE. يستخدم الإصدار التجريبي المستضاف البنية التالية:
- في هذه البنية، يتوفّر الرمز البرمجي في مشروع GitHub.
- يختار Cloud Build الرمز البرمجي عند أي عملية دفع إلى الفرع الرئيسي ويشغّل عملية إنشاء.
- كجزء من عملية الإنشاء، يتم إدخال مفتاح واجهة برمجة التطبيقات وإنشاء صورة يتم تخزينها بعد ذلك في Artifact Registry.
- أخيرًا، يتم نشر أحدث نسخة ثابتة من Artifact Registry إلى Cloud Run.
- لدينا أيضًا بعض عمليات التحقّق من السلامة والمراقبة التي يتم إجراؤها للتحقّق من سلامة التطبيقات المنشورة.
معلومات الفوترة
يستخدم حلّ "استكشاف المناطق الثلاثية الأبعاد" خدمات "منصة خرائط Google" لتقديم تجربة غامرة وديناميكية. قد يتم فرض رسوم على بعض واجهات برمجة التطبيقات. في ما يلي نظرة عامة على واجهات برمجة التطبيقات وروابط الأسعار.
منصة خرائط Google - واجهة برمجة التطبيقات 3D Tiles API
يستخدم حلّ 3D Area Explorer واجهة برمجة التطبيقات 3D Tiles API لتحسين التجربة المرئية باستخدام البيانات الجغرافية المكانية. للاطّلاع على تفاصيل الأسعار المتعلّقة بواجهة برمجة التطبيقات 3D Tiles API، يُرجى الرجوع إلى أسعار واجهة برمجة التطبيقات 3D Tiles API في "منصة خرائط Google".
منصة خرائط Google - Places API
يتم استخدام Places API للبيانات المستندة إلى الموقع الجغرافي، ما يضيف معلومات غنية إلى تجربة "استكشاف المناطق الثلاثية الأبعاد". لفهم التكاليف المرتبطة بواجهة Google Places API، يُرجى الانتقال إلى "منصة خرائط Google" - أسعار Places API.
Google Maps Platform - Autocomplete API
تعمل ميزة الإكمال التلقائي على تحسين تفاعل المستخدم. للاطّلاع على تفاصيل الأسعار المتعلقة بواجهة برمجة التطبيقات الخاصة بميزة "الإكمال التلقائي" من "خرائط Google"، يُرجى الانتقال إلى "منصة خرائط Google" - أسعار ميزة "الإكمال التلقائي للأماكن".
CesiumJS
يتم استخدام CesiumJS لعرض الكرة الأرضية الثلاثية الأبعاد. على الرغم من أنّ CesiumJS هو برنامج مفتوح المصدر، قد تكون هناك تكاليف مرتبطة بالميزات أو الخدمات الإضافية. يُرجى الرجوع إلى مستندات CesiumJS للاطّلاع على أي عروض مدفوعة.
من المهم مراجعة تفاصيل الأسعار لكل واجهة برمجة تطبيقات، لأنّ الرسوم يتم تحديدها بشكل فردي استنادًا إلى الاستخدام. يُرجى العِلم أنّ "منصة خرائط Google" توفّر فئة مجانية تتيح قدرًا معيّنًا من الاستخدام بدون أي تكلفة، وقد تختلف تفاصيل الأسعار استنادًا إلى عوامل مثل عدد الطلبات ومنطقة الاستخدام.
يُرجى الرجوع دائمًا إلى صفحات الأسعار الرسمية للحصول على معلومات دقيقة وحديثة حول تكاليف استخدام "منصة خرائط Google" وCesiumJS. تأكَّد من الالتزام بالأحكام والشروط التي تحدّدها هذه الخدمات لإدارة أي نفقات مرتبطة بها وفهمها بفعالية.
الخاتمة
يقدّم هذا المستند نظرة عامة على إمكانات "مستكشف المناطق الثلاثية الأبعاد" ومكوّناته وتجربة المستخدم والمتطلبات الفنية.
من خلال الاستفادة من مربّعات Google الثلاثية الأبعاد للصور الواقعية وPlaces API، يتيح التطبيق استكشاف الأحياء افتراضيًا والتعرّف على نقاط الاهتمام والتاريخ المحلي.
سواء كنت تعرض منطقة أو تحسّن الاستكشاف أو تروّج لسرد القصص الرقمية، يوفّر "مستكشف المناطق الثلاثي الأبعاد" منصة مذهلة من الناحية المرئية.
جرِّب العرض التوضيحي وخصِّصه باستخدام تطبيق المشرف لإنشاء تجربة ثلاثية الأبعاد جذابة وغنية بالمعلومات.