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