تم: هذه الصفحة لا يمكن تحميل خرائط جوجل بشكل صحيح



جرب أداة القضاء على المشاكل

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



وجه الفتاة! حدث خطأ - هذه الصفحة لم يتم تحميل خرائط Google بشكل صحيح



ملحوظة: يستهدف هذا الحل مالكي مواقع الويب وليس المستخدم التقليدي.



ما الذي يسبب عدم تحميل خرائط Google بشكل صحيح؟

خرائط جوجل ستعمل المكونات الإضافية بشكل رائع دون أي أخطاء ، لكن الأمور تغيرت خلال السنوات القليلة الماضية عندما غيرت Google قواعدها لمواقع الويب باستخدام الخرائط المضمنة. كان مالكو مواقع الويب قادرين على إجراء هذا العمل من قبل بمجرد استخدام الكود المضمّن ، لكنهم الآن يطلبون مفتاح API لخريطة Google للعمل بشكل صحيح. إذا تمت إضافة مفتاح API بالفعل ، فيمكنك عرض علامة التبويب 'فحص العنصر -> وحدة التحكم' في Chrome لمعرفة السبب الدقيق لعدم سماح Google للخرائط على موقعك. قد يكون هذا بسبب وجود مفتاح غير صحيح أو تقييد المفتاح وما إلى ذلك.

أضف Google API Key إلى إعدادات موقعك

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

إذا قمت بإدخال البرنامج النصي للخرائط يدويًا ، فيجب أن يكون كما يلي مع مفتاح API الخاص بك بدلاً من YOUR_API_KEY



  غير متزامن تأجيل src='https://maps.googleapis.com/maps/api/js؟key=YOUR_API_KEY& رد الاتصال = initMap 'نوع='نص / جافا سكريبت'>

نظرًا لأن WordPress هو أشهر CMS ، حيث يستخدمه أكثر من 172 مليون موقع ؛ سنشرح خطوات WordPress فقط.

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

    مكونات Google API الإضافية في WordPress

  2. احتفظ بالإعدادات مفتوحة لمفتاح API على ملف موقع ووردبريس .
  3. اذهب إلى مدير موارد السحاب من Google
  4. قم بتسجيل الدخول إلى Google إذا لم تكن قد قمت بتسجيل الدخول بالفعل
  5. انقر ' إنشاء مشروع '، قم بتسمية المشروع وانقر على' خلق '

    خلق المشروع

  6. اذهب إلى تمكين واجهة برمجة تطبيقات Google صفحة ويب.
  7. انقر ' اختر المشروع 'في الأعلى ، ثم حدد المشروع الجديد الذي أنشأته للتو و استمر
  8. صحافة ' تمكين واجهات برمجة التطبيقات والخدمات '
  9. البحث عن ' API خرائط جافا سكريبت وافتحه
  10. ثم اضغط على ' ممكن زر '

    تفعيل API للمشروع

  11. انقر فوق قائمة التنقل ، حدد ' واجهات برمجة التطبيقات والخدمات ' وتذهب إلى ' شهاداته '
  12. انقر فوق القائمة المنسدلة إنشاء بيانات الاعتماد ، وحدد ' مفتاح API '
    ملحوظة : يمكنك جعله مفتاح التقييد لمنع الاستخدام غير المصرح به إذا كنت تريد ذلك
  13. انقر ' قريب ثم انقر فوق المفتاح الذي تم إنشاؤه
  14. تحديد ' مُحيلو HTTP 'في قيود التطبيق
  15. أضف عنوان URL لموقع الويب الخاص بك وانقر فوق ' حفظ '
  16. الآن انسخ المفتاح ، وعد إلى موقع WordPress

    إنشاء مفتاح API للموقع

  17. مرر لأسفل اللوحة اليسرى وانتقل إلى ' إعدادات '
  18. ستجد خيارًا لـ ' Google API KEY '، افتح ذلك والصق المفتاح هناك.
  19. احفظ الإعدادات ، وانتقل إلى صفحتك وقم بتحديثها.

ملحوظة: تأكد من تمكين الفواتير الخاصة بك لأن Google تسمح فقط بقيمة 300 دولار كائتمان أو 12 شهرًا من الاستخدام المجاني (أيهما يتضاءل بشكل أسرع). بعد ذلك ، يجب إعداد الفواتير وتنفيذها.

2 دقيقة للقراءة