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

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

Oops! Something went wrong.

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

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

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

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

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

۱- آموزش اعمال api key گوگل به وردپرس بصورت کد:

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

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

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

۲- آموزش اعمال api key از طریق افزونه:

برای این کار کافیست ، افزونه  API KEY for Google Maps را از زیر دریافت کنید و سپس مانند سایر افزونه ها ، نصب و فعال سازی کنید. پس از فعال سازی افزونه مذکور به زیر مجموعه قسمت تنظیمات /  Google API KEY اضافه میشود که باید روی آن کلیک کنید و در قسمت Enter Google Maps API KEY  کلید دریافتی را وارد کنید.

دانلود افزونه API KEY با لینک مستقیم

تبریک میگوییم… حال اگر نقشه سایت خود را مشاهده کنید خواهید دید که مشکل مربوطه برطرف شده است.