سبد خرید
0

هیچ محصولی در سبد خرید نیست.

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

در سایت هایی که در بخشهای تماس با ما و یا بخشهای مختلف خود دارای نقشه گوگل یا Google Map هستند. در چندماه اخیر به دلیل تغییرات قوانین و دسترسی به وب سرویس ها و اتصال به سایت ها در گوگل شاهد هستیم که کاربران بسیاری در سایتهای خود برای لود و نمایش نقشه های گوگل دچار مشکلات و خطاهایی شده اند. این خطا که عموماً به شکل خاص زیر نمایش داده میشود. زمانی رخ خواهد داد که شما در بخشی از سایت خودتان یا افزونه یا ماژول یا کامپوننت خاصی بلاکی برای نمایش آنلاین نقشه گوگل تعبیه کرده اید. در اینجا اگر یک API اختصاصی به افزونه معرفی نکرده باشید با این خطا مواجه خواهید شد.

نمونه خطا:

آنچه در این مطلب میخوانید:

Oops! Something went wrong.

This page didn’t load Google Maps correctly. See the JavaScript console for technical details
راه حل :
برای حل این مسئله یک راه کار بسیار ساده وجود دارد. ما میبایست یک API اختصاصی از سرویس نقشه گوگل با اکانت شخصی جیمیل خود دریافت و در سایت وارد کنیم. حالا ورود این کد API به دو صورت امکان پذیر هست . یا بطور مستقیم در کدهای سورس PHP افزونه یا پلاگین مورد نظر خود را اضافی میکنیم. و یا اینکه سازنده بصورت یک آپشن در تنظیمات افزونه این قابلیت را برای ما در نظر گرفته است که API اختصاصی گوگل را وارد نماییم.
حالا قصد داریم اقدام به دریافت یک Google Map API اختصاصی نماییم.
برای دریافت کد اختصاصی بروی لینک زیر کلیک کنید:

Google Map API Code

پس از ورود به لینک بالا در فیلد Select a project where your application will be registered یک نام برای پروژه خود درنظر میگیریم و یا اگر از قبلا آیتم فعالی داریم آن را از لیست انتخاب میکنیم.

پست پیشنهادی :  نمای کلی قالب‌های صفحه در وردپرس

رفع مشکل عدم نمایش نقشه گوگل | Oops! Something went wrong in Google Map

 

پس از این مرحله و در گام بعدی حالت پیشفرض را اننخاب کنید. در مرحله سوم یک کلید اختصاصی با نام API Key به شما نشان داده میشود که کد مشابه کدهای زیر می باشد:

AIzaSyDebMlfhpMYN6L92khbhl0T4rwRGQNnM9Z8

میبایست این کد را در افزونه هایی که دارای فیلد Google API Key هستند وارد کنیم تا آن افزونه از طریق وب سرویس گوگل به کنسول نقشه گوگل متصل و حالت نقشه به درستی در سایت نمایش داده شود.

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

[quote]

دقت کنید: کلیدی که در بالا ذکر شده است بصورت فرضی است و شما میبایست کلید اختصاصی خود را از گوگل دریافت نمایید.

[/quote]

این روش در نوع سیستم مورد استفاده شما تفاوتی حاصل نمیکند بلکه در تمامی نرم افزارهای متن باز مشابه جوملا، وردپرس،اوپن کارت و…روش اجرا به همین ترتیب خواهد بود.

 

امیدواریم که این آموزش راهگشای مشکل شما بوده باشد.

در صورت وجود هرگونه سوال؛ موارد خود را بصورت کامنت در زیر وارد نمایید.

آواتار
295

از سال 1388 وارد دنیای شگفت انگیز Open Source شدم. دوست دارم که تجارتی که در این مدت آموختم رو در اختیار دوستان خودم قرار بدم.

ارسال دیدگاه

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

توسط
تومان