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

صورة

نظرة عامة

يمنحك حل 3D Area Explorer طريقة جديدة تمامًا لاكتشاف المواقع الجغرافية وتجربتها. يستفيد هذا الحلّ من إمكانات المربّعات الثلاثية الأبعاد ذات الصور الواقعية المتوفّرة في "منصة خرائط Google" وواجهة برمجة تطبيقات الأماكن لإنشاء بيئات ثلاثية الأبعاد جذابة وتفاعلية.

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

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

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

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

البدء:

تفعيل

التكنولوجيات الرئيسية

تم تصميم هذا الحل باستخدام تقنيتَين رئيسيتَين:

واجهات برمجة التطبيقات في Google Maps Platform:

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

CesiumJS

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

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

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

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

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

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

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

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

صورة

قد يكون من المفيد النظر في كل تطبيق بشكل أكبر:

تطبيق المشرف

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

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

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

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

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

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

تطبيق تجريبي

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

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

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

صورة

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

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

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

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

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

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

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

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

يمكنك العثور على وصف مفصل لخيارات النشر في قسم الملف التمهيدي في مشروع جيت هب.

التفعيل

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

صورة

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

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

يستخدم حل 3D Area Explorer خدمات "منصة خرائط Google" لتوفير تجربة غامرة وديناميكية. قد تفرض بعض واجهات برمجة التطبيقات رسومًا. في ما يلي نظرة عامة على واجهات برمجة التطبيقات والروابط الخاصة بالتسعير.

منصة خرائط Google - واجهة برمجة التطبيقات 3D Tiles:

يستخدم حل سرد القصص واجهة برمجة التطبيقات 3D Tiles API لتحسين التجربة المرئية باستخدام البيانات الجيوفضائية. للحصول على تفاصيل الأسعار ذات الصلة بواجهة برمجة التطبيقات 3D Tiles، يُرجى الرجوع إلى "منصة خرائط Google" - سعر "البلاط الثلاثي الأبعاد".

منصة خرائط Google - واجهة برمجة تطبيقات الأماكن:

يتم استخدام Places API مع البيانات المستندة إلى الموقع الجغرافي، ما يضيف معلومات ثرية إلى تجربة سرد القصص. لمعرفة التكاليف المرتبطة بواجهة برمجة تطبيقات أماكن Google، يمكنك الانتقال إلى "منصة خرائط Google" - أسعار واجهات برمجة تطبيقات الأماكن.

منصة خرائط Google - واجهة برمجة تطبيقات الإكمال التلقائي:

تحسّن ميزة الإكمال التلقائي من تفاعل المستخدم. للحصول على تفاصيل حول الأسعار في ما يتعلق بواجهة برمجة التطبيقات الخاصة بميزة "الإكمال التلقائي" في "خرائط Google"، يُرجى الانتقال إلى "منصة خرائط Google" - أسعار الإكمال التلقائي للأماكن.

CelsiumJS:

يُستخدم CesiumJS لتصور الكرة الأرضية ثلاثية الأبعاد. في حين أن CelsiumJS نفسها مفتوحة المصدر، قد يكون للميزات أو الخدمات الإضافية تكاليف خاصة بها مرتبطة. يُرجى الرجوع إلى وثائق CelsiumJS للاطّلاع على أي عروض مميزة.

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

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

الخلاصة

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

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

سواء من خلال عرض منطقة ما أو تحسين الاستكشاف أو الترويج لسرد القصص الرقمي، فإن 3D Area Explorer يوفّر منصة مذهلة من الناحية المرئية.

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