بدء استخدام "أداة استكشاف المنطقة" ثلاثية الأبعاد

الصورة

نظرة عامة

يمنحك حلّ "مستكشف المناطق الثلاثية الأبعاد" طريقة جديدة تمامًا لاكتشاف المواقع الجغرافية وتجربتها. يستفيد هذا الحلّ من إمكانات Google Maps Platform Photorealistic 3D Tiles و Places API لإنشاء بيئات ثلاثية الأبعاد جذابة وتفاعلية.

تم تصميم "مستكشف المناطق الثلاثية الأبعاد" لخدمة أغراض متعدّدة:

  • تحسين استكشاف المناطق: يمكن للمستخدمين استكشاف الأحياء افتراضيًا بتفاصيل مرئية عالية الدقة، ما يمنحهم معلومات عن المعالم والميزات المحلية.

  • تعزيز السرد المستند إلى الموقع الجغرافي: : تتيح إمكانية دمج الأماكن المهمة مع أوصاف مفصّلة إنشاء تجارب مستندة إلى السرد تُعلّم المستخدمين وتزوّدهم بمعلومات عن مواقع جغرافية معيّنة.

  • إلهام عملية التطوير باستخدام إمكانات Google ثلاثية الأبعاد في الخرائط: يوضّح هذا الحلّ إمكانات بيانات الخرائط الثلاثية الأبعاد من Google لإنشاء خرائط تفاعلية وغامرة

البدء:

فعِّل

التقنيات الرئيسية

تم إنشاء هذا الحلّ باستخدام تقنيتَين رئيسيتَين:

واجهات برمجة التطبيقات في "منصة خرائط Google":

نستخدم عدة واجهات برمجة تطبيقات من "منصة خرائط Google" للحصول على الخريطة الأساسية والبيانات لإنشاء هذه التجربة:

  • Google Maps Photorealistic 3D Tiles: توفّر النماذج الثلاثية الأبعاد عالية الدقة للمباني والتضاريس تمثيلاً واقعيًا و جذابًا بصريًا للبيئات الحضرية.
  • Places API: يمكن للتطبيق تحديد وعرض معلومات مفصّلة عن الأماكن المهمة ضمن المنطقة التي يتم استكشافها، ما يثري تجربة المستخدم بالمعلومات المحلية.
  • تساعد ميزة "الإكمال التلقائي" المستخدمين في البحث عن مواقع جغرافية أو مناطق معيّنة تهمّهم.

CesiumJS

‫CesiumJS مسؤولة عن عرض الكرة الأرضية الثلاثية الأبعاد عالية الدقة. وتتولى تحميل وعرض "مربّعات ثلاثية الأبعاد لصور واقعية" من Google، التي توفّر نموذجًا ثلاثي الأبعاد للمباني والتضاريس.

إدارة الكاميرا: توفّر CesiumJS الأدوات اللازمة للتحكّم في موضع الكاميرا واتجاهها وحركتها. ويشمل ذلك ما يلي:

  • ضبط نقطة العرض الأولية للتركيز على الحيّ المحدّد عند تحميل التطبيق
  • تنفيذ حركات الكاميرا الديناميكية، مثل الرسوم المتحركة التلقائية للمدار من أجل الاستكشاف
  • التعامل مع تفاعلات المستخدم مع الكرة الأرضية إذا كانت هذه الميزات مضمّنة (العرض الشامل والتكبير والتصغير والتدوير)

تعرَّف على كيفية استخدام "بلاطات الصور الواقعية ثلاثية الأبعاد" مع أداة عرض "بلاطات ثلاثية الأبعاد" .

المكوّنات الرئيسية

ينقسم التطبيق إلى تطبيقَين مختلفَين، وهما:

  • تطبيق المشرف
  • التطبيق التجريبي

يقدّم هذا الرسم البياني نظرة عامة على الاختلافات والعلاقة بين التطبيقَين:

الصورة

من المفيد التحقق من كل تطبيق على حدة:

تطبيق المشرف

يوفّر هذا التطبيق واجهة سهلة الاستخدام تتيح لك تخصيص التجربة الثلاثية الأبعاد:

  • البحث عن الموقع الجغرافي : استخدِم شريط البحث المدمَج في ميزة "الإكمال التلقائي" من "منصة خرائط Google" للعثور على المنطقة التي تريد عرضها. بعد اختيار موقع جغرافي، ستنتقل الكاميرا بسلاسة إلى تلك المنطقة.

  • الكاميرا: اضبط سرعة حركة الكاميرا ونوع المدار لإنشاء تجربة العرض المحدّدة.

  • الأماكن (الأماكن المهمة): حدِّد الكثافة ونطاق البحث وأنواع الأماكن المهمة (مثل المطاعم والمقاهي والمعالم) التي تريد عرضها.

استخدِم هذا التطبيق لتخصيص التجربة للمستخدمين النهائيين.

هناك وصف تفصيلي لجميع عمليات التخصيص في "مستكشف المناطق الثلاثية الأبعاد".

التطبيق التجريبي

هذا هو التطبيق النهائي الذي يظهر للمستخدمين ويحمّل الإعدادات التي أنشأتها في تطبيق المشرف. في هذه البيئة الغامرة الثلاثية الأبعاد، سيتمكّن المستخدمون من استكشاف المناطق المحدّدة واكتشاف الأماكن التي ميّزتها.

بعد تخصيص المظهر باستخدام تطبيق المشرف، يمكنك تنزيل الإعدادات وتشغيل تطبيقك المخصّص من رمز المصدر.

انطباع المستخدم

الصورة

في ما يلي بعض الميزات الرئيسية للتطبيق:

  1. يمكن للمستخدمين استكشاف منطقة بشكل تفاعلي في بيئة ثلاثية الأبعاد، بما في ذلك المباني والمعالم والتضاريس.
  2. يمكن للمستخدمين البحث عن الأماكن القريبة واكتشافها (مثل المتاحف والمتنزهات والمطاعم).
  3. عند اختيار مكان، يمكن للمستخدمين الاطّلاع على معلومات مفصّلة أو سرديات ذات صلة بهذا الموقع الجغرافي.

  4. يمكن للمطوّرين تخصيص تجربة الاستكشاف من خلال الإعدادات وعناصر التحكّم (في حال استخدام تطبيق المشرف).

  5. تم تفعيل ميزة التدوير التلقائي، ما يسمح للكاميرا بالتدوير تلقائيًا حول مركز المنطقة المحدّدة.

المتطلبات الأساسية

  1. مفتاح واجهة برمجة التطبيقات في Google Maps: ستحتاج إلى مفتاح واجهة برمجة تطبيقات صالح مع تفعيل واجهات برمجة التطبيقات التالية:

  2. خادم الويب: يمكنك عرض التطبيق من أي مما يلي:

    • خادم ويب محلي (مثل استخدام Node.js أو http-server)
    • خدمة استضافة ويب ثابتة (يأتي التطبيق مع ملف Dockerfile)

يمكنك الاطّلاع على وصف تفصيلي لخيارات النشر في قسم ملف التعليمات في مشروع GitHub.

التفعيل

يمكنك نشر التطبيق كتطبيق Node أو حاوية Docker في أي بيئة حاوية مثل GKE أو GAE. يستخدم العرض التجريبي المستضاف البنية التالية:

الصورة

  • في هذه البنية، يقيم الرمز في مشروع GitHub.
  • تتلقّى ميزة Cloud Build الرمز عند أي عملية دفع إلى الفرع الرئيسي وتُشغّل عملية إنشاء.
  • كجزء من عملية الإنشاء، يتم إدخال مفتاح واجهة برمجة التطبيقات وإنشاء صورة يتم تخزينها بعد ذلك في سجلّ العناصر.
  • أخيرًا، يتم نشر أحدث صورة ثابتة من "سجلّ العناصر" إلى Cloud Run.
  • لدينا أيضًا بعض عمليات التحقّق من الحالة ومراقبة الأداء قيد التشغيل للتحقّق من حالة التطبيقات المنشورة.

معلومات الفوترة

يستخدم حلّ "مستكشف المناطق الثلاثية الأبعاد" خدمات "منصة خرائط Google" لتوفير تجربة غامرة وديناميكية. قد يتم فرض رسوم على بعض واجهات برمجة التطبيقات. في ما يلي نظرة عامة على واجهات برمجة التطبيقات وروابط إلى الأسعار.

‫منصة خرائط Google - 3D Tiles API:

يستخدِم حلّ "السرد القصصي" واجهة برمجة التطبيقات 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. يُرجى التأكّد من الالتزام بالأحكام والشروط المحدّدة في هذه الخدمات لإدارة أي نفقات مرتبطة وفهمها بشكل فعّال.

الخاتمة

تقدّم هذه الوثيقة نظرة عامة على إمكانات "مستكشف المناطق الثلاثية الأبعاد" ومكوّناته وتجربة المستخدم والمتطلبات الفنية.

من خلال الاستفادة من "بلاطات الصور الواقعية ثلاثية الأبعاد" وPlaces API من Google، يتيح هذا الحلّ الاستكشاف الافتراضي للأحياء واكتشاف الأماكن المهمة والتعرّف على التاريخ المحلي.

سواء كنت تعرض منطقة أو تحسّن تجربة الاستكشاف أو تروّج للسرد القصصي الرقمي، يقدّم "مستكشف المناطق الثلاثية الأبعاد" منصة مذهلة بصريًا.

جرِّب العرض التجريبي وخصِّصه باستخدام تطبيق المشرف لإنشاء تجربة ثلاثية الأبعاد جذابة ومفيدة.