عدم نمایش نقشه گوگل در وردپرس یا رفع خطای Oops! Something went wrong

عدم نمایش نقشه گوگل در وردپرس یا رفع خطای Oops! Something went wrong

عدم نمایش نقشه گوگل در وردپرس

عدم نمایش نقشه گوگل در وردپرس یا رفع خطای Oops! Something went wrong

عدم نمایش نقشه گوگل در وردپرس خطایی که امروزه بسیاری از کاربران گوگل مپ از دست آن خسته شده اند:

Oops! Something went wrong.
This page didn’t load Google Maps correctly. See the JavaScript console for technical details

گوگل در تاریخ ۲ تیرماه ۹۵ سیاست کاری خود را در ارائه سرویس های جدید به کابران خود تغییر داده است که از این تاریخ به بعد نمایش نقشه گوگل در سایت های وردپرس یا سایر سایت ها ملزم به دریافت api key یا کلید api از گوگل هستند. برای این کاربر باید به وب سایت گوگل مراجعه کنیم و کلید مجوز مربوطه را از گوگل دریافت کنیم و به وب سایت خود اعمال کنیم.

آموزش دریافت api key از وب سایت گوگل:

همانطور که در بالا گفته شد، جهت نمایش نقشه و حل مشکل موجود نیاز است که کد مجوز مربوطه را گوگل دریافت کنیم. برای دریافت این کد کافیست با استفاده از این لینک مطابق تصویر زیر ، ابتدا پروژه مورد نظر را انتخاب کرده و روی دکمه آبی رنگ Continue کلیک کنید تا به مرحله دریافت کلید api هدایت شوید:

لینک دریافت کلید api از گوگل – با پروکسی وارد شود.

رفع مشکل عدم نمایش نقشه گوگل در وردپرس یا رفع خطای Oops! Something went wrong

رفع مشکل عدم نمایش نقشه گوگل در وردپرس یا رفع خطای Oops! Something went wrong

در صفحه جدید شما ، در قسمت Which API are you using؟ همان مورد پیشفرض را قرار داده و روی Google Maps JavaScript API تنظیم کرده و هدف اصلی دریافت کلید api را مشخص کنید. پس از آن روی دکمه آبی رنگ What credentials do I need? کلیک کنید و کلید مجوز مربوطه را دریافت کنید. مانند تصویر زیر:

رفع مشکل عدم نمایش نقشه گوگل در وردپرس یا رفع خطای Oops! Something went wrong

رفع مشکل عدم نمایش نقشه گوگل در وردپرس یا رفع خطای Oops! Something went wrong

حال شما کلید api را دریافت کرده اید و تنها اعمال کردن آن به سایت با روش کد میسر است.

برای این کار کافیه کد زیر را به فایل header.php سایت خودتون اضافه کنید:

script src=”//maps.googleapis.com/maps/api/js?key= AIzaSyAH0DXSg8k44_2J2-xG5EvnlAwRQ9QuvCk ” async=”” defer=”defer” type=”text/javascript”></script>

در قسمت key= AIzaSyAH0DXSg8k44_2J2-xG5EvnlAwRQ9QuvCk شما باید api key خود را با در بالا جایگزین کنید.

 

امتیاز کاربران: 5 (2 رای)
نیک تم
۲۱ فروردین ۱۳۹۷
693 بازدید