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

صورة

نظرة عامة

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

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

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

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

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

البدء:

تفعيل

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

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

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

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

CesiumJS

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

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

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

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

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

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

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

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

صورة

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

تطبيق المشرف

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

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

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

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

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

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

تطبيق تجريبي

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

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

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

صورة

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

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

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

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

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

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

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

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

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

التفعيل

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

صورة

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

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

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

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

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

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

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

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

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

CelsiumJS:

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

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

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

الخاتمة

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

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

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

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