نظرة عامة
يوفّر لك حلّ "استكشاف المنطقة" ثلاثي الأبعاد طريقة جديدة تمامًا لاستكشاف المواقع الجغرافية والتعرّف عليها. يستفيد هذا الحل من إمكانات بلاط "خرائط Google" الثلاثي الأبعاد المطابق للواقع وواجهة برمجة التطبيقات لأماكن لإنشاء بيئات ثلاثية الأبعاد تفاعلية وجذابة.
تم تصميم "أداة استكشاف المنطقة" الثلاثية الأبعاد لتحقيق أغراض متعدّدة:
تحسين استكشاف المنطقة: يمكن للمستخدمين استكشاف الأحياء افتراضيًا باستخدام درجة عالية من التفاصيل المرئية، والحصول على إحصاءات عن المعالم المحلية والمعالم.
تعزيز القصص المستندة إلى الموقع الجغرافي: : تتيح إمكانية دمج نقاط الاهتمام (Points of interest) مع أوصاف غنية إنشاء تجربتَي محتوى مستندتَين إلى القصص تُعلِم المستخدمين وتُطلعهم على مواقع جغرافية محدّدة.
الترويج للتطوير باستخدام إمكانات "خرائط Google" الثلاثية الأبعاد: يوضّح ذلك إمكانات بيانات الخرائط الثلاثية الأبعاد من Google لإنشاء خرائط immersive تفاعلية.
بدء الاستخدام:
تفعيل
التقنيات الرئيسية
تم إنشاء هذا الحل باستخدام تكنولوجيات رئيسيتين:
واجهات برمجة تطبيقات "منصة خرائط Google":
نستخدم عدة واجهات برمجة تطبيقات من "منصّة خرائط Google" للحصول على الخريطة الأساسية والبيانات لإنشاء هذه التجربة:
- مربّعات ثلاثية الأبعاد لصور واقعية في "خرائط Google": توفّر النماذج الثلاثية الأبعاد العالية الدقة للمباني والتضاريس تمثيلًا واقعيًا وتفاعليًا من الناحية المرئية للبيئات الحضرية.
- Places API: يمكن للتطبيق تحديد نقاط اهتماَم وعرض معلومات تفصيلية عنها ضمن المنطقة التي يتم استكشافها، ما يثري تجربة المستخدم من خلال إطلاعه على معلومات محلية.
- تساعد ميزة الإكمال التلقائي المستخدمين في البحث عن مواقع جغرافية أو مناطق محددة مهمة بالنسبة إليهم.
CesiumJS
تتحمّل مكتبة CesiumJS مسؤولية عرض الكرة الأرضية المجسمة عالية الدقة وعرضها. وتتولى هذه الخدمة تحميل "بلاط Google" المجسم والواقعي المشابه للصور وعرضه، والذي يقدّم نموذجًا شبكيًا ثلاثي الأبعاد للمباني والتضاريس.
إدارة الكاميرا: توفّر CesiumJS أدوات للتحكّم في وضع الكاميرا واتجاهها وحرّكتها. يشمل ذلك ما يلي:
- ضبط نقطة النظر الأولية للتركيز على الحي المحدّد عند تحميل التطبيق
- تنفيذ حركات كاميرا ديناميكية، مثل الرسوم المتحرّكة التلقائية للتجوّل في محيط نقطة معيّنة بهدف الاستكشاف
- التعامل مع تفاعلات المستخدم مع الكرة الأرضية في حال تضمين هذه الميزات (التنقّل والتكبير والتصغير والدوران)
تعرَّف على كيفية استخدام مربّعات الصور الثلاثية الأبعاد الواقعية مع أداة عرض مربّعات الصور الثلاثية الأبعاد.
المكونات الرئيسية
ينقسم التطبيق إلى تطبيقَين مختلفَين، وهما:
- تطبيق المشرف
- التطبيق التجريبي
يقدّم هذا المخطّط البياني نظرة عامة على الاختلافات والارتباط بين التطبيقَين:
من المفيد إجراء المزيد من التحقيق في كل تطبيق:
تطبيق المشرف
يقدّم هذا التطبيق واجهة سهلة الاستخدام تتيح لك تخصيص التجربة الثلاثية الأبعاد:
البحث عن الموقع الجغرافي : استخدِم شريط البحث المدمج في "منصة خرائط Google" المزوّد بميزة "الإكمال التلقائي" للعثور على المنطقة التي تريد عرضها. بعد اختيار موقع، ستنتقل الكاميرا بسلاسة إلى تلك المنطقة.
الكاميرا: يمكنك ضبط سرعة حركة الكاميرا ونوع المسار لتهيئة تجربة المشاهدة التي اخترتها.
الأماكن (نقاط الاهتمام): حدِّد الكثافة ونطاق البحث وأنواع نقاط العمل (مثل المطاعم والمقاهي والمعالم) التي تريد عرضها.
استخدِم هذا التطبيق لتخصيص التجربة للمستخدمين النهائيين.
يمكنك استكشاف مكاتب Google في شيكاغو من خلال مسار بطيء للكاميرا.
يمكنك الاطّلاع على منظر شامل للمعالم السياحية حول شارع "لاس فيغاس ستريب".
يمكنك الآن استكشاف لاس فيغاس من خلال مسار كاميرا سينوسويدي بسرعة عالية.
استكشاف الوادي الكبير مع جميع المعالم السياحية الرئيسية
يتوفّر وصف مفصّل لجميع عمليات التخصيص عمليات تخصيص "مستكشف المنطقة الثلاثية الأبعاد".
التطبيق التجريبي
هذا هو التطبيق النهائي الموجَّه للمستخدمين الذي يحمِّل الإعدادات التي أنشأتها في تطبيق "المشرف". في هذه البيئة الثلاثية الأبعاد الشاملة، سيتمكّن المستخدمون من استكشاف المناطق المحدّدة واكتشاف الأماكن التي أبرزتها.
بعد تخصيص المظهر والأسلوب باستخدام تطبيق "المشرف"، يمكنك تنزيل الإعدادات وتشغيل تطبيقك المخصّص من رمز المصدر.
انطباع المستخدم
في ما يلي بعض الميزات الرئيسية للتطبيق:
- يمكن للمستخدمين استكشاف منطقة معيّنة بشكل تفاعلي باستخدام الصور الثلاثية الأبعاد، بما في ذلك المباني والتضاريس والأماكن البارزة.
- يمكن للمستخدمين البحث عن الأماكن المجاورة واستكشافها (مثل المتاحف والمتنزهات والمطاعم).
عند اختيار مكان، يمكن للمستخدمين الاطّلاع على معلومات تفصيلية أو قصص مرتبطة بهذا الموقع الجغرافي.
يمكن للمطوّرين تخصيص تجربة الاستكشاف من خلال الإعدادات و عناصر التحكّم (في حال استخدام تطبيق "المشرف").
تكون ميزة "التدوير التلقائي" مفعّلة، ما يسمح للكاميرا بالتدوير تلقائيًا حول مركز المنطقة المحدّدة.
المتطلبات الأساسية
مفتاح Google Maps API: ستحتاج إلى مفتاح واجهة برمجة تطبيقات صالح مع تفعيل واجهات برمجة التطبيقات التالية:
خادم الويب: يمكنك عرض التطبيق من أيّ من الخيارَين التاليَين:
- خادم ويب محلي (مثل استخدام Node.js أو http-server)
- خدمة استضافة ويب ثابتة (يأتي التطبيق مع ملف Dockerfile)
يمكنك العثور على وصف مفصّل لخيارات النشر في قسم readme ضمن مشروع GitHub.
التفعيل
يمكنك نشر التطبيق كتطبيق عقدة أو حاوية Docker في أي بيئة حاويات، مثل GKE أو GAE. يستخدم العرض التقديمي المستضاف البنية التالية:
- في هذه البنية، تكون الرموز البرمجية مضمّنة في مشروع على GitHub.
- تلتقط أداة Cloud Build الرمز البرمجي عند أي عملية دفع إلى الفرع الرئيسي وتبدأ عملية ملف برمجي.
- وكجزء من عملية الإنشاء، يتم إدخال مفتاح واجهة برمجة التطبيقات وإنشاء صورة يتم تخزينها بعد ذلك في سجلّ العناصر.
- أخيرًا، يتم نشر أحدث صورة ثابتة من سجلّ Artifact إلى Cloud run.
- نُجري أيضًا بعض عمليات التحقّق من الصحة والمراقبة للتحقّق من حالة التطبيقات المنشورة.
معلومات الفوترة
يستخدم حلّ "مستكشف المنطقة" الثلاثي الأبعاد خدمات "منصّة خرائط Google" لتقديم تجربتَين immersive وdynamic. قد يتم تحصيل رسوم مقابل استخدام بعض واجهات برمجة التطبيقات. في ما يلي نظرة عامة على واجهات برمجة التطبيقات والروابط المؤدية إلى الأسعار.
"منصة خرائط Google" - واجهة برمجة التطبيقات 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 Maps Platform - أسعار ميزة "الإكمال التلقائي" في "الأماكن".
CesiumJS:
تُستخدَم CesiumJS لعرض الكرة الأرضية المجسمة. على الرغم من أنّ CesiumJS نفسها مفتوحة المصدر، قد تترتّب تكاليف إضافية على الميزات أو الخدمات الإضافية. يُرجى الرجوع إلى مستندات CesiumJS لمعرفة أي عروض مميزة.
من المهم مراجعة تفاصيل الأسعار لكل واجهة برمجة تطبيقات، لأنّه يتم تحديد الرسوم بشكلٍ فردي استنادًا إلى الاستخدام. يُرجى العِلم أنّ Google Maps Platform تقدّم خطة مجانية تتيح استخدامًا معيّنًا بدون أي تكلفة، وقد تختلف تفاصيل التسعير استنادًا إلى عوامل مثل عدد الطلبات ومنطقة الاستخدام.
يُرجى الرجوع دائمًا إلى صفحات الأسعار الرسمية للحصول على أدق وأجدد المعلومات حول تكاليف استخدام Google Maps Platform وCesiumJS. تأكَّد من الالتزام بالبنود والشروط الموضّحة في هذه الخدمات لإدارة وفهم أي نفقات مرتبطة بها بفعالية.
الخاتمة
يوفّر هذا المستند نظرة عامة على إمكانات "مستكشف المنطقة" الثلاثي الأبعاد، ومكوّناته، وتجربة المستخدم، ومتطلباته الفنية.
ومن خلال الاستفادة من "اللوحات الثلاثية الأبعاد ذات المظهر الواقعي" من Google وPlaces API، تتيح هذه التجربة استكشاف الأحياء افتراضيًا واكتشاف نقاط الاهتمام واطلاعك على القصص المحلية.
سواء كنت تريد عرض منطقة معيّنة أو تحسين الاستكشاف أو الترويج لسرد القصص الرقمية، يوفّر "مستكشف المنطقة الثلاثي الأبعاد" منصّة رائعة من الناحية المرئية.
جرِّب العرض الترويجي وخصِّصه باستخدام تطبيق "المشرف" لإنشاء تجربة ثلاثية الأبعاد جذابة ومفيدة.