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

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

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

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 key از وب سایت گوگل

سپس شما وارد صفحه ای جدید می شوید و از بخش Which API are you using مورد پیش فرض را انتخاب نمایید

سپس برروی Google Maps JavaScript API تنظیم نمایید و مشخص نمایید که هدف اصلی دریافت کلید api  می باشد  سپس برروی دکمه آبی رنگ کلیک نمایید تا کلید را دریافت نمایید

Google Maps JavaScript API

در این مرحله شما کلید را دریافت نموده اید و فقط باید در سایت این کد را قرار دهید که به دوروش با کد و یا افزونه می توانید این کار را انجام دهید.

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

تنها کاری که شما باید انجام بدهید این است که در فایل header.php در سایت خودتان ، کد زیر را قرار دهید.

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

فقط باید api key خود را در قسمت key= AIzaSyAH0DXSg8k44_2J2- جایگزین نمایید

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

برای رفع مشکل عدم نمایش نقشه در گوگل، به شما افزونه API KEY for Google Maps را معرفی می نماییم.

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

اعمال api key از طریق افزونه

حال اگر شما به نقشه سایت خود مراجعه نمایید مشاهده می کنید که مشکل موجود حل شده است.

مقالات مرتبط

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *