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

با سلام و عرض ادب ، کاربران گرامی شاید شما هم در وردپرس با مشکل عدم نمایش نقشه گوگل در وردپرس روبرو شده باشد یعنی همه چی درسته اما وقتی نقشه رو مشاهده میکنید با خطا مواجه می شوید بیشتر اوقات ما از سوی کاربرانی که قالب وردپرس املاک و یا قالب بی و یا اینکه جدیدا قالب وردپرس clinico را استفاده می کنند به دست ما رسیده و سوالاتی در این رابطه شده که ما به دنبال راه کار و درمان این مشکل شدیم تا متوجه شدیم که در ادامه خواهیم پرداخت به دلایل و نحوه حل آن با ما همراه باشید …

اما این خطا چگونه نمایش داد می شود:

این مشکل در برخی از سایت ها به صورت انگلیسی یعنی:

وای! مشکلی پیش آمد

‏این صفحه Google Maps را درست بارگیری نکرد. برای اطلاع از جزئیات فنی، کنسول جاوا اسکریپت را مشاهده کنید.

و همچنین در کنسول جاوا اسکریپت خطایی دیده می شود که به شکل زیر می باشد:

Google Maps API error: InvalidKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key-map-error

با دیدن این اتفاقات دیگر متوجه این مشکل شدیم و دلیل آن را یافتیم چیزی نبود جز مشکل Api گوگل یعنی برا این که این مشکل رو از میان برداریم باید داخل کد نویسی قالب apii تعریف کرد برای این کار هم نیاز به افزونه وردپرس Google API Key می باشد که نام افزونه رو می توان گفت افزونه حل مشکل نقشه گوگل در وردپرس یعنی اگر شما هم با این مشکل دست و پنجه نرم می کنید علاج کار این است که افزونه رو از انتهای همین مطلب دریافت و روی وردپرس خود نصب کنید و در انتها تنظیمان را کانفیک و مشکل به صورت خود بخودی حل خواهد شد.

اما نحوه ی کار این افزونه به چه شکلی است؟ این پلاگین apii گوگل را از شما درفات و در کد نویسی ها اعمال خواهد کرد.

آموزش کانفیگ افزونه Google API Key

کار سختی برای سفارشی سازی افزونه نخواهید داشت یعنی با اعمال چند مرحله تنظیمات ساده کار را به اتمام خواهید رساند.خب افزونه را دریافت و روی وردپرسخود نصب کنید اگر با نصب افزونه مشکل دارید می توانید مطالعه کنید و بعد از نصب و فعالسازی وارد تنظیمات افزونه شده برایی این کار از مسیر تنظیمات » google api key اقدام کنید و در این بخش باید روی گزینه ی click here کلیک کنید.

بعد از کلیک روی این گزینه وارد صفحه ی  api خواهید شد در این صفحه باید Create new project را انتخاب و روی  continue کلیک کنید با این کار پروژه ی شما ساخته خواهد شد ( برای این کارشاید چند دقیقه ای معطل شوید ) بعد از ساخته شدن شما به صفحه ی منتقل خواهید شد. بعد ازاین که پرژه به صورت کامل ایجاد شد به شما یک  api key خواهد داد کهاین کد باید در قسمت Enter Google Maps API KEY قرار داده شود و در نهایت روی ذخیره سازی کلیک کنید.

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

به پایان این آموزش وردپرس رسیدیم امید واریم مورد استفاده شما کاربران گرامی قرار گرفته باشد.

دانلود افزونه google api key از باکس دانلود زیر

منبع: آپ تم  مرجع: آموزش وردپرس | قالب وردپرس تک صفحه ای