دليل تنفيذ Locator Plus

نظرة عامة

الويب iOS واجهة برمجة التطبيقات

تتوفر "منصة خرائط Google" للويب (JS وTS) وAndroid وiOS، وتوفّر أيضًا واجهات برمجة تطبيقات خدمات الويب للحصول على معلومات حول الأماكن والاتجاهات والمسافات. تتم كتابة النماذج في هذا الدليل لمنصة واحدة، ولكن يتم توفير روابط المستندات للتنفيذ على منصّات أخرى.

أنشئها الآن.

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

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

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

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

ويوضّح المخطط التالي واجهات برمجة التطبيقات الأساسية المستخدمة لتنفيذ Locator Plus. ويوضّح المخطّط أيضًا قاعدة بيانات لبيانات الموقع الجغرافي التي يمكنك دمجها مع تفاصيل المكان لمنح المستخدمين أفضل مجموعة كاملة من المعلومات الممكنة. (انقر للتكبير.)

على الجانب الأيمن من المخطط، يعرض متصفّح ويب خريطة مع نافذة منبثقة تعرض تفاصيل المكان.
              على الجانب الأيسر من المخطّط، قائمة بواجهات برمجة التطبيقات التي توفّر وظائف مختلفة:
 واجهة برمجة تطبيقات JavaScript لـ "خرائط Google" للمرئيات والمحتوى، وتصميم الخريطة، وعلامات الخريطة، والتجوّل الافتراضي المخصّص، وعرض المسارات. وضع "الإكمال التلقائي"
              للإكمال التلقائي لعناوين العنوان ووظائفه الأماكن وواجهات برمجة تطبيقات الترميز الجغرافي لموقع العنوان. واجهة برمجة التطبيقات لمصفوفة المسافة لترتيب المواقع الجغرافية حسب المسافة والوقت ووضع السفر. واجهة برمجة تطبيقات الاتجاهات لعرض مسار استنادًا إلى وقت السفر ووضع السفر.
              يظهر في وسط المخطّط رمز متجر بيانات يمثّل نقاط بيانات الموقع الجغرافي المخصّصة وصولاً إلى رمز خادم ويب مع سهم ذي رأسَين يشير إلى قراءة البيانات وكتابتها بين خادم الويب ومتجر البيانات. تنتقل الأسهم بين متصفّح الويب
              وواجهات برمجة التطبيقات عبر خادم الويب كوسيط.

تفعيل واجهات برمجة التطبيقات

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

أقسام التنفيذ

في ما يلي الممارسات والتخصيصات التي سنتناولها في هذا الموضوع.

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

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

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

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

السماح للمستخدمين بحجز موعد من اللوحة الجانبية لتفاصيل المكان.

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

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

عرض مواقعك الجغرافية على خريطة تفاعلية

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

وهناك عدة طرق لتفعيل هذا الإجراء: (1) استخدام حلول Quick Builder Locator Plus لتوفير هذه الوظيفة بشكل فوري، و (2) باستخدام طريقة تنفيذ الخرائط الديناميكية الخاصة بك. ويصف هذا القسم هذه الخيارات بالتفصيل.

استخدام محدِّد المواقع السريعة في Plus Builder

يمكنك استخدام حل Locator Plus Plus (أداة تحديد المواقع السريعة في أداة إنشاء المواقع الجغرافية) لاستيراد تفاصيل النشاط التجاري من ملفك التجاري. ولهذا السبب، سيظهر أي تغيير في تفاصيل النشاط التجاري في ملفك التجاري في أداة البحث عن المتاجر على موقعك الإلكتروني. ويمكن أن تتضمن هذه التغييرات ساعات العمل ومعلومات الاتصال والصور وخيارات الخدمة وغيرها. يمكن أن تتيح لك أداة الإنشاء السريع الاستكشاف السريع لإعداد المواقع الجغرافية للنشاط التجاري على الخريطة، أو إنشاء رمز قابل للنشر، أو النشر مباشرةً في Google Cloud Storage في غضون دقائق.

دمج "الملف التجاري"
يمكنك إدارة مواقعك الجغرافية بسهولة في Locator Plus من خلال استيراد تفاصيل نشاطك التجاري من ملفك التجاري

النشر على السحابة الإلكترونية
يمكنك نشر حلّ Locator Plus بسهولة باستخدام Google Cloud.

استخدام ميزة تنفيذ الخرائط الديناميكية

يستخدم هذا المثال ما يلي: Maps JavaScript API متوفّر أيضًا: Android | iOS

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

تحتاج أولاً إلى تضمين Maps API API في الصفحة. ويتم ذلك من خلال ربط النص البرمجي التالي في صفحة HTML.

<script defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap&solution_channel=GMP_guides_locatorplus_v2_a"></script>

ويشير عنوان URL إلى دالة initMap JavaScript التي يتم تشغيلها عند تحميل الصفحة. وفي عنوان URL، يمكنك أيضًا تحديد اللغة أو المنطقة التي تريدها على الخريطة للتأكّد من تنسيقها بالطريقة الصحيحة للبلد المحدّد الذي تستهدفه. ويضمن ضبط المنطقة أيضًا انحياز سلوك التطبيقات المستخدَمة خارج الولايات المتحدة بشأن المنطقة التي ضبطتها. يمكنك الاطّلاع على تفاصيل تغطية "منصة خرائط Google" للحصول على قائمة كاملة باللغات والمناطق المسموح بها، والاطّلاع على مزيد من المعلومات حول region استخدام المعلمات.

بعد ذلك، ستحتاج إلى رمز HTML div لوضع الخريطة على الصفحة. هذا هو المكان الذي سيتم عرض الخريطة فيه.

<div id="map"></div>

الخطوة التالية هي ضبط الوظيفة الأساسية لخريطتك. يتم إجراء ذلك في دالة النص البرمجي initMap المحدّدة في عنوان URL للنص البرمجي. في هذا النص البرمجي، كما يظهر في المثال التالي، يمكنك تحديد الموقع الجغرافي الأولي ونوع الخريطة وعناصر التحكّم التي ستكون متاحة على الخريطة للمستخدمين. يُرجى العِلم أنّ السمة getElementById() تشير إلى المعرّف "quot;map;quot; div أعلاه.

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 12,
    center: { lat: 51.485925, lng: -0.129500 },
    zoomControl: false
  });
}

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

جارٍ الحصول على أرقام تعريف الأماكن

يستخدم هذا المثال: Places API متوفّر أيضًا: JavaScript

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

https://maps.googleapis.com/maps/api/place/findplacefromtext/json?input=google%20london&inputtype=textquery&fields=place_id&key=YOUR_API_KEY&solution_channel=GMP_guides_locatorplus_v2_a

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

ترميز مواقعك الجغرافية

يستخدم هذا المثال: واجهة برمجة تطبيقات ترميز المواقع الجغرافية متوفّر أيضًا: JavaScript

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

إليك مثال على استخدام واجهة برمجة التطبيقات للترميز الجغرافي للحصول على خط الطول وخط العرض لرقم تعريف المكان الذي تم عرضه لمكتب Google في لندن:

https://maps.googleapis.com/maps/api/geocode/json?place_id=ChIJVSZzVR8FdkgRTyQkxxLQmVU&key=YOUR_API_KEY&solution_channel=GMP_guides_locatorplus_v2_a

إضافة مواقع إلى الخريطة

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

بعد الحصول على خط العرض وخط الطول لموقعك الجغرافي، إليك مثال على إضافة علامة محدّدة إلى الخريطة:

var marker = new google.maps.Marker({
    position: { lat: 51.493073, lng: -0.146550 },
    label:"A",
    title:"Location Name"
});

// To add the marker to the map, call setMap();
marker.setMap(map);

باستخدام بعض العلامات، يمكنك الاطّلاع على الموقع الجغرافي لعدد من المواقع الجغرافية معًا.

إذا كان لديك عدد كبير من المواقع الجغرافية، ننصحك باستخدام أداة تجميع العلامات لنظام التشغيل JavaScript أو Android أو iOS. في ما يلي مثال على تجميع العلامات في نموذج محدِّد موقع JavaScript للمتجر على JavaScript.

تقديم تفاصيل المكان

يستخدم هذا المثال: Maps JavaScript API متوفّر أيضًا: API | Android | iOS

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

لطلب تفاصيل المكان، ستحتاج إلى رقم تعريف المكان لكل موقع من مواقعك الجغرافية. اطّلِع على الحصول على أرقام تعريف الأماكن لاسترداد رقم تعريف المكان لموقعك الجغرافي.

التوسيع لعرض فيديوهات لطلب تفاصيل المكان:

الحصول على ساعات العمل

التحقّق من عمليات الإغلاق

التحكم في التكاليف

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

     
  const marker = new google.maps.Marker({
    map,
    position: { lat: 51.493073, lng: -0.14655 },
  });
  const request = {
    placeId: "ChIJVSZzVR8FdkgRTyQkxxLQmVU",
    fields: ["name", "formatted_address", "rating", "website"],
  };
  const infowindow = new google.maps.InfoWindow();
  const service = new google.maps.places.PlacesService(map);

  google.maps.event.addListener(marker, "click", function () {
    service.getDetails(request, (place, status) => {
      if (status === google.maps.places.PlacesServiceStatus.OK && place) {
        infowindow.setContent(
          "<div><strong>" +
            place.name +
            "</strong><br>" +
            place.formatted_address +
            "<br>" +
            "Rating: " +
            place.rating +
            " stars<br>" +
            place.website +
            "</div>"
        );

        infowindow.open(map, this);
      }
    });
  });
  
  

إظهار المواقع من عرض بزاوية 45 درجة

يستخدم هذا المثال: Maps JavaScript API متوفّر أيضًا: Android | iOS

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

يعمل نموذج الرمز التالي على ضبط الخريطة على مستوى تكبير/تصغير مرتفع، ونوع متوافق مع الخريطة، وزاوية إمالة تعرض صورًا بزاوية 45 درجة في حال توفّرها. وتتوفّر شرح مفصّل حول مدى توفّر الصور بزاوية 45 درجة في المستندات.

function seeDetail(location) {
  map.setCenter(location);
  map.setZoom(19);
  map.setMapTypeId(google.maps.MapTypeId.HYBRID);
  map.setTilt(45);
}

إعادة الضبط على عرض الخريطة الأصلي

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

let originalMapTypeId = google.maps.MapTypeId.ROADMAP;
map.addListener("zoom_changed", () => {
  const newZoom = map.getZoom()!;

  if (newZoom < 19) {
    map.setTilt(0);
    map.setMapTypeId(originalMapTypeId);
  }
});

تحديد موقع المستخدم

يستخدم هذا المثال: Maps JavaScript API متوفّر أيضًا: Android | iOS

المكوّن الأساسي التالي في أي محدِّد هو تحديد موقع بداية المستخدم. يمكنك تلقائيًا استخدام خدمات الموقع الجغرافي المتوافق مع الأجهزة الجوّالة ورصد الموقع الجغرافي في متصفّح الويب لطلب أذونات المستخدمين لضبط المصدر على أنه الموقع الجغرافي الحالي للمستخدم. ومع ذلك، قد يرفض المستخدم هذه الأذونات أو يريد ضبط موقع جغرافي مختلف كنقطة بداية.

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

لا شك في أن إضافة مكتبة الإكمال التلقائي للأماكن إلى موقعك الإلكتروني لا تعني سوى إضافة معلَمتَين لطلب البحث إلى عنوان URL للنص البرمجي في JavaScript JavaScript للخرائط. في المثال التالي، الإضافة هي libraries=places.

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places&callback=initMap&solution_channel=GMP_guides_locatorplus_v2_a" defer></script>

بعد ذلك، أضِف مربّع نص إلى صفحتك لإدخاله من قِبل المستخدم.

<input id="autocomplete" placeholder="Enter starting
      address, city, or zip code" type="text"></input>

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

  // Create the autocomplete object, restricting the search predictions to
  // geographical location types.
  const autocomplete = new google.maps.places.Autocomplete(
    document.getElementById("autocomplete"),
    { types: ["geocode"],
      componentRestrictions: {'country': ['gb']},
      fields: ['place_id', 'geometry', 'formatted_address'] }
  );
  // When the user selects an address from the drop-down
  // zoom to the select location and add a marker.
  autocomplete.addListener("place_changed", addUserLocation);
}

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

function addUserLocation() {
  // Get the place details from the autocomplete object.
  const place = autocomplete.getPlace();

  // Add a marker to the map.
  const marker = new google.maps.Marker({
          map: map
        });

  marker.setLabel("C");
  marker.setPosition(place.geometry.location);

  // Zoom the map to the marker.
  map.panTo(place.geometry.location);
  map.setZoom(12);
}

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

وسِّع هذا القسم للاطّلاع على فيديوهات توضيحية حول إضافة الإكمال التلقائي للأماكن إلى تطبيقك:

الموقع الإلكتروني

التطبيقات المتوافقة مع Android

تطبيقات iOS

عرض وقت الرحلة والمسافة إلى أقرب مواقع جغرافية

يستخدم هذا المثال ما يلي: Distance Matrix API متوفّر أيضًا: خدمة مصفوفة المسافة، وMaps JavaScript API

بعد أن يصبح لديك الموقع الجغرافي للمستخدم، يمكنك مقارنتها بمواقعك الجغرافية. وبإجراء ذلك باستخدام خدمة مصفوفة المسافة، تساعد واجهة برمجة تطبيقات JavaScript لـ "خرائط Google" المستخدمين في اختيار الموقع الجغرافي الأكثر ملاءمة لهم من خلال وقت القيادة أو المسافة.

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

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

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

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

مرجع سريع لترميز عنوان URL: %2C = , (فاصلة) و%3A = : (نقطتان) و%7C = | (أنابيب توصيل).

      https://maps.googleapis.com/maps/api/distancematrix/json?origins=51.493490%2C-0.097288
      &destinations=place_id%3AChIJVSZzVR8FdkgRTyQkxxLQmVU%7Cplace_id%3AChIJVSZzVR8FdkgR-HklrBMO0Hc%7Cplace_id%3AChIJ4abvVDwbdkgRDZVFR7A6Bcc
      &units=metric
      &mode=driving
      &key=YOUR_API_KEY
      &solution_channel=GMP_guides_locatorplus_v2_a

في ما يلي نسخة يمكنك نسخها وتشغيلها:

      https://maps.googleapis.com/maps/api/distancematrix/json?key=YOUR_API_KEY&origins=51.493490%2C-0.097288&destinations=place_id%3AChIJVSZzVR8FdkgRTyQkxxLQmVU%7Cplace_id%3AChIJVSZzVR8FdkgR-HklrBMO0Hc%7Cplace_id%3AChIJ4abvVDwbdkgRDZVFR7A6Bcc&units=metric&mode=driving&solution_channel=GMP_guides_locatorplus_v2_a

ستكون الاستجابة الفعلية من الخدمة قائمة بالعناوين المتطابقة والمسافات والفترات الزمنية، كما هو موضّح في المثال التالي:

التوسيع لعرض نموذج الإجابة:

{
    "destination_addresses": [
        "123 Buckingham Palace Rd, Victoria, London SW1W 9SH, UK",
        "1-13 St Giles High St, West End, London WC2H 8AG, UK",
        "6 Pancras Square, Kings Cross, London N1C 4AG, UK"
    ],
    "origin_addresses": [
        "Unnamed Road, London, UK"
    ],
    "rows": [
        {
            "elements": [
                {
                    "distance": {
                        "text": "4.5 km",
                        "value": 4540
                    },
                    "duration": {
                        "text": "15 mins",
                        "value": 924
                    },
                    "status": "OK"
                },
                {
                    "distance": {
                        "text": "5.0 km",
                        "value": 5043
                    },
                    "duration": {
                        "text": "17 mins",
                        "value": 1044
                    },
                    "status": "OK"
                },
                {
                    "distance": {
                        "text": "6.9 km",
                        "value": 6919
                    },
                    "duration": {
                        "text": "23 mins",
                        "value": 1357
                    },
                    "status": "OK"
                }
            ]
        }
    ],
    "status": "OK"
}

تعرض الصورة التالية المصدر (العلامة الحمراء C) والوجهات على الخريطة:

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

تختلف غالبًا مسافة الخط المستقيم ومسافة المسار، كما هو موضّح في الجدول التالي.

الموقع الجغرافي مسافة مستقيمة طريق في حركة المرور / الوقت
الموقع الجغرافي "أ" 3.32 كلم 4.5 كم / 15 دقيقة
الموقع الجغرافي "ب" 3.20 كم 5.0 كلم / 17 دقيقة
الموقع الجغرافي ج 4.84 كم 6.9 كيلومتر / 23 دقيقة

مع أنّ الموقع الجغرافي "ب" هو الأقرب إلى المسافة، فإن المسار والوقت للذهاب إلى هناك يستغرقان وقتًا أطول لأنّ الموقع الجغرافي "أ" يمكن الوصول إليه عبر طريق سريع.

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

هذا المثال يستخدِم: Maps JavaScript API Directions Service الإتاحة أيضًا: خدمة واجهة برمجة تطبيقات Directions لاستخدامها على نظامَي التشغيل Android وiOS، إما من التطبيق مباشرةً أو عن بُعد من خلال خادم وكيل.

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

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

في ما يلي مثال على عرض لوحة اتجاهات. ولمزيد من المعلومات عن النموذج، يُرجى الاطّلاع على عرض اتجاهات النص.

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

مساعدة المستخدمين في حجز المواعيد

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

وهناك طرق متعددة لتفعيل هذه الميزة: (1) استخدام حل Quick Builder Locator Plus (توفير المواقع الجغرافية السريعة) لتوفير هذه الوظيفة بشكل فوري، و(2) باستخدام ملفك التجاري. ويصف هذا القسم هذه الخيارات بالتفصيل.

استخدام محدِّد المواقع السريعة في Plus Builder

يمكنك استخدام حلّ Locator Plus Plus (الإصدار السريع من أداة إنشاء المواقع الجغرافية) لاستيراد تفاصيل النشاط التجاري بسهولة من ملفك التجاري. بعد استيراد الروابط إلى أداة Quick Builder، يمكنك تفعيل روابط حجز المواعيد المضمّنة، حيثما أمكن، للمواقع الجغرافية لنشاطك التجاري من خلال الحجز عبر Google. حتى إذا لم يكن لديك ملف تجاري مرتبط بحساب على Google، لا يزال بإمكانك استخدام "أداة الإنشاء السريع" لتضمين روابط الحجز للأنشطة التجارية التي فعّلتها من قبل مع مقدّمي خدمة حجز تابعين لأطراف ثالثة من خلال "الحجز عبر Google".

الحجز عبر Google
إضافة إمكانات الحجز إلى محدِّد مواقع المتاجر

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

استخدام الملف التجاري لتفعيل حجز المواعيد

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

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

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

  1. أنشِئ واجهات برمجة تطبيقات الملف التجاري placeActionLink للموقع الجغرافي من النوع APPOINTMENT أو ONLINE_APPOINTMENT أو DINING_RESERVATION. ستكون الخاصية placeActionLink هي العنصر الذي تستخدمه لرابط الموعد في اللوحة الجانبية. (إذا كنت قد أنشأت رابط إجراء الموعد الذي تريده من قبل، انتقل إلى الخطوة التالية.) في ما يلي مثال على ردّ على عملية placeActionLinks.create POST ناجحة:

    {
        "name": "locations/15899957830169237700/placeActionLinks/9c984be778a7ebbc",
        "providerType": "MERCHANT",
        "isEditable": true,
        "uri": "https://example.com/reservation-uri",
        "placeActionType": "DINING_RESERVATION",
        "createTime": "2021-05-01T01:17:41.609161Z",
        "updateTime": "2021-05-01T01:17:41.609161Z"
    }
    
  2. ابحث عن الموقع الجغرافي للملف التجاري المرتبط برقم تعريف المكان على "منصة خرائط Google".

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

    1. إدراج حسابات مشروعك:
    2. أدرِج كل المواقع الجغرافية ضمن الحساب.
    3. في المواقع الجغرافية للحساب، يحتوي LocationKey على رقم تعريف المكان على "منصة خرائط Google"، والذي يمكنك مقارنته برقم تعريف المكان للموقع الجغرافي الذي يتم عرضه.
  3. من خلال معرّف الموقع، يمكنك الحصول على رابط الإجراء الذي تريده. لاسترداد موعد placeActionLink حالي، اذكر قائمة placeActionLinks حالية للموقع الجغرافي، والفلترة حسب placeActionType للعثور على رابط الموعد الذي تريد استخدامه (APPOINTMENT أو ONLINE_APPOINTMENT أو DINING_RESERVATION).

    يوضّح المثال التالي موعدًا placeActionLink في الردّ من مكالمة LIST.

     {
       "placeActionLinks": [
           {
               "name": "locations/15899957830169237700/placeActionLinks/9c984be778a7ebbc",
               "providerType": "MERCHANT",
               "isEditable": true,
               "uri": "https://example.com/",
               "placeActionType": "APPOINTMENT",
               "createTime": "2021-05-01T01:17:41.609161Z",
               "updateTime": "2021-05-01T01:17:41.609161Z"
           }
       ]
     }
  4. أنشِئ علامة <div> وعبِّئها في اللوحة الجانبية التي تتضمّن بيانات ذات صلة من العنصر placeActionLink، خاصةً معرّف الموارد المنتظم (URI) الذي يؤدي إلى رابط حجز الموعد.

البدائل الأخرى لإضافة روابط المواعيد

إذا لم تكن تدير ملفًا تجاريًا أو لا تريد استخدام حلّ Locator Plus Plus (الإصدار السريع من أداة إنشاء المواقع الجغرافية)، يُرجى الاطّلاع على منصة حجز المواعيد للحصول على مستندات حول تضمين أداة حجز في موقع إلكتروني أو تطبيق. ويتوفّر خيار آخر، مثل Google Cloud Spanner لإدارة المستودع (فيديو).

عرض العروض المحلية

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

(يوضّح الرسم البياني المعماري في القسم السابق التقنيات المتوفّرة لإضافة عروض إلى محدِّد المواقع).

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

  1. باستخدام واجهة برمجة تطبيقات "نشاطي التجاري على Google"، أنشئ أي مشاركات عروض تريد عرضها من النوع OFFER.
  2. ابحث عن موقع الملف التجاري / معرّف الموقع المرتبط برقم تعريف المكان على الخريطة.

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

    1. إدراج حسابات مشروعك.
    2. أدرِج كل المواقع الجغرافية ضمن الحساب.
    3. في المواقع الجغرافية للحساب، يحتوي LocationKey على رقم تعريف مكان الخرائط، والذي يمكنك مقارنته برقم تعريف المكان للموقع الجغرافي الذي يتم عرضه.

    في ما يلي مثال على طلب لمعرفة تفاصيل موقع جغرافي معيّن في واجهات برمجة تطبيقات الملف التجاري:

    https://mybusiness.googleapis.com/v4/accounts/111098884960588804666/locations/15899957830169237700

    تتضمّن الاستجابة حقل locationKey وهو رقم تعريف المكان الذي يمكنك استخدامه مع طلبات "منصة خرائط Google".

    وسِّع للاطّلاع على نموذج الاستجابة.

          {
        "name": "accounts/111098884960588804666/locations/15899957830169237700",
        "locationName": "Sushi Sushi",
        "primaryPhone": "+49 2222 22222",
        "primaryCategory": {
            "displayName": "Restaurant",
            "categoryId": "gcid:restaurant",
        },
        "regularHours": {
            "periods": [
                {
                    "openDay": "MONDAY",
                    "openTime": "09:00",
                    "closeDay": "MONDAY",
                    "closeTime": "09:10"
                },
                {
                    "openDay": "TUESDAY",
                    "openTime": "11:30",
                    "closeDay": "TUESDAY",
                    "closeTime": "24:00"
                }
            ]
        },
        "locationKey": {
            "placeId": "ChIJs4wtL04X2jERbc8qHd_wZzk",
            "requestId": "2c72cbcb-ea2e-4d66-b684-0ef5f090300c"
        },
        "latlng": {
            "latitude": 1.3670033,
            "longitude": 103.8556385
        },
        "openInfo": {
            "status": "OPEN",
            "canReopen": true
        },
        "locationState": {
            "isGoogleUpdated": true,
            "canUpdate": true,
            "canDelete": true,
            "isVerified": true,
            "isPublished": true,
            "canHaveFoodMenus": true
        },
        "attributes": [
            {
                "attributeId": "has_delivery",
                "valueType": "BOOL",
                "values": [
                    false
                ]
            },
            {
                "attributeId": "requires_masks_customers",
                "valueType": "BOOL",
                "values": [
                    true
                ]
            },
            {
                "attributeId": "url_order_ahead",
                "valueType": "URL",
                "urlValues": [
                    {
                        "url": "https://example.com/"
                    },
                ]
            },
            {
                "attributeId": "pay_credit_card_types_accepted",
                "valueType": "REPEATED_ENUM",
                "repeatedEnumValue": {
                    "setValues": [
                        "visa"
                    ],
                    "unsetValues": [
                        "american_express"
                    ]
                }
            }
        ],
        "address": {
            "regionCode": "SG",
            "languageCode": "en-US",
            "postalCode": "560445",
            "addressLines": [
                "445 Ang Mo Kio Ave 10"
            ]
        },
        "profile": {
            "description": "Example restaurant"
        }
    }
          
  3. الآن وبعد الحصول على معرّف الموقع، يمكنك الحصول على العرض الذي تريده. لاسترداد مشاركة عرض حالية، أدرِج السمة localPosts الحالية للموقع الجغرافي، واعمل على فلترة topicType من OFFER للعثور على محتوى العرض الذي تريد استخدامه.

    في ما يلي مثال على طلب لإدراج المشاركات المحلية النشطة في موقع جغرافي:

    https://mybusiness.googleapis.com/v4/accounts/111098884960588804666/locations/15899957830169237700/localPosts

    يوضّح المثال التالي OFFER localPost في الرد.

    وسِّع للاطّلاع على نموذج الاستجابة.

    {
        "localPosts": [
            {
                "name": "accounts/111098884960588804666/locations/15899957830169237700/localPosts/2524928563578730680",
                "languageCode": "en",
                "summary": "Buy One Get One Free on all order-ahead bento boxes today!",
                "state": "LIVE",
                "event": {
                    "title": "Bento BOGO",
                    "schedule": {
                        "startDate": {
                            "year": 2020,
                            "month": 1,
                            "day": 20
                        },
                        "startTime": {},
                        "endDate": {
                            "year": 2021,
                            "month": 1,
                            "day": 21
                        },
                        "endTime": {}
                    }
                },
                "updateTime": "2020-09-11T10:56:22.594Z",
                "createTime": "2020-09-11T10:56:22.594Z",
                "searchUrl": "https://local.google.com/place?id=4156539623820808045&use=posts&lpsid=2524928563578730680",
                "media": [
                    {
                        "name": "accounts/111098884960588804666/locations/15899957830169237700/media/localPosts/AF1QipOBQCIf40SbF_PPJxb_zvfCHmaTbv9Zw02PoYPS",
                        "mediaFormat": "PHOTO",
                        "googleUrl": "https://lh3.googleusercontent.com/p/AF1QipOBQCIf40SbF_PPJxb_zvfCHmaTbv9Zw02PoYPS"
                    }
                ],
                "topicType": "OFFER",
                "offer": {
                    "couponCode": "BOGO-JET-CODE",
                    "redeemOnlineUrl": "https://www.example.com/redeem",
                    "termsConditions": "Offer only valid for order-ahead orders placed online."
                }
            },
        ],
    }
            
  4. أنشئ <div> في اللوحة الجانبية واملأها ببيانات ذات صلة من الكائن localPost.

تخصيص خريطتك

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

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

إنشاء علامات خرائط مخصصة

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

في ما يلي نموذج خريطة تستخدم علامات مخصّصة. (اطّلِع على رمز المصدر في موضوع علامات مخصّصة لواجهة برمجة تطبيقات JavaScript للخرائط.)

للحصول على معلومات تفصيلية، اطّلِع على مستندات علامات JavaScript (الويب) وAndroid وiOS.

تصميم خريطتك

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

يمكنك إنشاء أنماط الخريطة أو تعديلها في صفحة أنماط الخريطة على Google Cloud Console في مشروعك.

يمكنك التوسيع لعرض صور متحركة لإنشاء نمط الخريطة وتصميمها في Cloud Console:

أنماط خريطة المجال

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

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

نقاط اهتمام

تحدِّد هذه الصورة المتحركة لون محدّد النقاط لنقاط الاهتمام وتزيد من كثافة نقطة الاهتمام على نمط الخريطة. وكلما ارتفعت الكثافة، ظهرت المزيد من علامات نقطة الاهتمام على الخريطة.

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

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

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

<script
 src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&map_ids=MAP_IDs&callback=initMap&solution_channel=GMP_guides_locatorplus_v2_a">
</script>

يعرض الرمز التالي خريطة نمط على صفحة الويب. (لا يتم عرض العنصر HTML <div id="map"></div> حيث ستظهر الخريطة على الصفحة).

map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: 51.485925, lng: -0.129500},
  zoom: 12,
  mapId: '1234abcd5678efgh'
});

تعرّف على مزيد من المعلومات حول دمج نمط الخرائط المستندة إلى السحابة الإلكترونية في JavaScript (الويب) وAndroid وiOS.

الحصول على إحصاءات الاستخدام من خلال الإحصاءات

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

إحصاءات Plus Locator
تزوّدك لوحة بيانات إحصاءات محدِّد مواقع المتاجر بمقاييس أداء

للوصول إلى هذا التقرير، انتقِل إلى قسم تقارير التفاعل في Cloud Console. لمزيد من التفاصيل حول هذا التقرير، يُرجى الاطّلاع على تقارير التفاعل.

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

إعداد برنامج Google Analytics

إذا كنت تستخدم "إحصاءات Google" مع تطبيقك، يمكنك تخطي هذا القسم.

في ما يلي مثال على "علامة عامة" تلصقها على موقعك لتفعيل "إحصاءات Google".

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/
gtag/js?id=G-XR5B5D4NW0"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XR5B5D4NW0');
</script>

سواء كنت تستخدم "إدارة العلامات من Google" أو تضيف "إحصاءات Google" مباشرةً إلى موقعك الإلكتروني، فإنّ المفتاح هو فهم كيفية استخدام تنفيذ "إحصاءات Google" لتنفيذ ما يلي:

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

استخدام الأحداث المخصّصة

إليك مثال على تعريف حدث مخصّص في محدِّد المواقع:

gtag('event', 'location', {
  'method': 'address'
});

من المهم تسمية event وmethod بشكل كافٍ بحيث يمكنك فهم الأحداث في إعداد التقارير. يمكنك تفعيلها للتفاعلات المحدّدة التي تريد قياسها، مثلاً عندما يختار المستخدم العنوان من القائمة المنسدلة الخاصة بميزة "الإكمال التلقائي" وعنوانه، كما هو موضّح في الشكل التالي.

يمكنك إرسال استدعاء التتبّع التالي إلى "إحصاءات Google" الذي يستخدم الحدث والطريقة اللذين حدّدتهما. (سنعرض كل معلَمة طلب بحث في سطر منفصل لتسهيل القراءة).

https://www.google-analytics.com/g/collect?v=2
&tid=G-XR5B5D4NW0
>m=2oe550
&_p=64678170
&sr=1920x1200
&ul=fr
&cid=489856786.1598861364
&_s=2
&dl=http%3A%2F%2.storelocator.html
&dt=Store%20Locator
&sid=1620827159
&sct=1
&seg=1
&en=location
&_et=6032
&ep.method=address

يوضّح الشكل التالي كيفية ظهور طلب "إحصاءات Google" في طريقة عرض "الفحص" في المتصفِّح في علامة التبويب "الشبكة". (انقر للتكبير).

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

 

بدلاً من ذلك، يمكنك مراقبة الأحداث في الوقت الفعلي باستخدام DebugView، كما هو موضّح في الشكل التالي. تجدر الإشارة إلى أنه يجب عليك الانتظار لمدة 24 ساعة قبل الوصول إلى تقرير كامل عن الأحداث في قسم التفاعل وgt؛ الأحداث في "إحصاءات Google".

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

مقاييس الملف التجاري

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

يطلب نموذج النموذج التالي إلى واجهات برمجة تطبيقات الملف التجاري أنواعًا متعددة من المقاييس. لتتبّع النقرات على العروض، سيكون مقياسَا LOCAL_POST_VIEWS_SEARCH وLOCAL_POST_ACTIONS_CALL_TO_ACTION الأكثر ملاءمةً.

وسِّع للاطّلاع على نموذج الطلب.

POST https://mybusiness.googleapis.com/v4/accounts/111098884960528804666/locations:reportInsights
Body:
{
 "locationNames": [
   "accounts/111098884960528804666/locations/15899957830169237700"
 ],
 "basicRequest": {
         "metricRequests": [
            {
              "metric": "QUERIES_DIRECT"
            },
            {
              "metric": "QUERIES_INDIRECT"
            },
            {
              "metric": "VIEWS_MAPS"
            },
            {
              "metric": "VIEWS_SEARCH"
            },
            {
                "metric": "ACTIONS_DRIVING_DIRECTIONS"
            },
            {
                "metric": "LOCAL_POST_VIEWS_SEARCH"
            },
            {
                "metric": "LOCAL_POST_ACTIONS_CALL_TO_ACTION"
            }
         ],
         "timeRange": {
              "startTime": "2021-01-01T01:01:23.045123456Z",
              "endTime": "2021-04-30T23:59:59.045123456Z"
         }
   }
}

وسِّع للاطّلاع على نموذج الاستجابة.

{
   "locationMetrics": [
       {
           "locationName": "accounts/111098884960528804666/locations/15899957830169237700",
           "timeZone": "Asia/Singapore",
           "metricValues": [
               {
                   "metric": "QUERIES_DIRECT",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "82"
                   }
               },
               {
                   "metric": "QUERIES_INDIRECT",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "1493"
                   }
               },
               {
                   "metric": "VIEWS_MAPS",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "1571"
                   }
               },
               {
                   "metric": "VIEWS_SEARCH",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "631"
                   }
               },
               {
                   "metric": "ACTIONS_DRIVING_DIRECTIONS",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "3"
                   }
               },
               {
                   "metric": "LOCAL_POST_ACTIONS_CALL_TO_ACTION",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "42"
                   }
               },
               {
                   "metric": "LOCAL_POST_VIEWS_SEARCH",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "11"
                   }
               }
           ]
       }
   ]
}

تحتوي الإجابة على المقاييس، وعلى وجه الخصوص:

  • 1571 مشاهدة للموقع الجغرافي على "خرائط Google"
  • 631 مشاهدة للموقع الجغرافي على "بحث Google".
  • 3 طلبات لاتجاهات القيادة إلى الموقع.
  • 42 LOCAL_POST_ACTIONS_CALL_TO_ACTION عروض للنقرات.
  • 11 مشاهدة للمشاركات المحلية على "بحث Google"

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

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


تحسين محدِّد المواقع بلاس

يمكنك تحسين تجربة المستخدم استنادًا إلى نشاطك التجاري، أو احتياجات المستخدمين.

جارٍ إرسال الاتجاهات إلى الجوّال

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

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

      https://www.google.com/maps/dir/?api=1&destination=Google%20London&destination_place_id=ChIJVSZzVR8FdkgRTyQkxxLQmVU

ويمكنك اختياريًا تقديم معلَمة طلب البحث origin باستخدام تنسيق العنوان نفسه كالوجهة. ولكن بتجاهلها، تبدأ الاتجاهات من الموقع الجغرافي الحالي للمستخدم، والذي قد يختلف عن المكان الذي كان يستخدم فيه تطبيق Locator Plus. تقدّم عناوين URL للخرائط خيارات إضافية لمعلّمات طلب البحث، مثل travelmode و dir_action=navigate لإطلاق الاتجاهات مع تفعيل التنقّل.

هذا الرابط الذي يمكن النقر عليه، والذي يوسّع مثال عنوان URL أعلاه، يضبط origin على أنه ملعب كرة قدم في لندن ويستخدم travelmode=transit لتوفير اتجاهات النقل العام إلى الوجهة.

لإرسال رسالة نصية أو رسالة إلكترونية تحتوي على عنوان URL هذا، ننصح حاليًا باستخدام تطبيق تابع لجهة خارجية، مثل wiilio. إذا كنت تستخدم App Engine، يمكنك استخدام شركات تابعة لجهات خارجية لإرسال الرسائل القصيرة SMS أو البريد الإلكتروني. لمزيد من المعلومات، راجِع إرسال رسائل باستخدام خدمات تابعة لجهات خارجية.

عرض "التجوّل الافتراضي" لمساعدة المستخدمين في وضع تمثيل بصري للمواقع الجغرافية

بالنسبة إلى العديد من المواقع الجغرافية في العالم، يمكن استخدام ميزة "التجوّل الافتراضي" لعرض المواقع الجغرافية خارج أي موقع جغرافي، ما يتيح للمستخدمين الاطّلاع على صور لذلك الموقع الجغرافي قبل وصولهم إليه. يمكنك توفير ميزة "التجوّل الافتراضي" بتنسيق تفاعلي (على الويب) أو ثابت (واجهة برمجة التطبيقات)، بناءً على ما إذا كنت تريد أن يتصفّح المستخدمون &عرض محتوى الخاص بك&حولك بزاوية 360 درجة. تتوفّر ميزة "التجوّل الافتراضي" أيضًا لنظامَي التشغيل Android وiOS.

تحديد الموقع الجغرافي للمستخدم من خلال رصد الموقع الجغرافي

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

واجهة برمجة التطبيقات Geolocation API هي واجهة برمجة تطبيقات من جهة الخادم تعرض نطاقًا جغرافيًا للموقع الجغرافي والدقة استنادًا إلى معلومات حول أبراج الاتصالات وعُقد Wi-Fi التي يمكن للعميل رصدها. يمكنك استخدام رصد الموقع الجغرافي كآلية احتياطية لتحديد الموقع الجغرافي للمستخدم، أو يمكنك استخدامه للتحقق من الموقع الجغرافي الذي أبلغ عنه الجهاز.

دمج بيانات الموقع الجغرافي المخصّصة مع تفاصيل المكان

في قسم تقديم تفاصيل المكان السابق، تناولنا استخدام "تفاصيل المكان" لمنح المستخدمين مستوى غني من المعلومات حول مواقعك الجغرافية، مثل ساعات العمل والصور والمراجعات.

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

قد تكون لديك بيانات مكان خاصة بك لتكمّلها أو استخدامها بدلاً من تفاصيل المكان. يقدّم الدرس التطبيقي حول الترميز لمحدِّد موقع الحزمة الكاملة مثالاً على استخدام GeoJSON مع قاعدة بيانات لتخزين تفاصيل موقعك الجغرافي واستردادها.