رفع مشکل عدم نمایش نقشه گوگل و خطای Oops! Something went wrong
در سایت هایی که در بخشهای تماس با ما و یا بخشهای مختلف خود دارای نقشه گوگل یا Google Map هستند. در چندماه اخیر به دلیل تغییرات قوانین و دسترسی به وب سرویس ها و اتصال به سایت ها در گوگل شاهد هستیم که کاربران بسیاری در سایتهای خود برای لود و نمایش نقشه های گوگل دچار مشکلات و خطاهایی شده اند. این خطا که عموماً به شکل خاص زیر نمایش داده میشود. زمانی رخ خواهد داد که شما در بخشی از سایت خودتان یا افزونه یا ماژول یا کامپوننت خاصی بلاکی برای نمایش آنلاین نقشه گوگل تعبیه کرده اید. در اینجا اگر یک API اختصاصی به افزونه معرفی نکرده باشید با این خطا مواجه خواهید شد.
نمونه خطا:
Oops! Something went wrong.
Google Map API Code
پس از ورود به لینک بالا در فیلد Select a project where your application will be registered یک نام برای پروژه خود درنظر میگیریم و یا اگر از قبلا آیتم فعالی داریم آن را از لیست انتخاب میکنیم.
پس از این مرحله و در گام بعدی حالت پیشفرض را اننخاب کنید. در مرحله سوم یک کلید اختصاصی با نام API Key به شما نشان داده میشود که کد مشابه کدهای زیر می باشد:
AIzaSyDebMlfhpMYN6L92khbhl0T4rwRGQNnM9Z8
میبایست این کد را در افزونه هایی که دارای فیلد Google API Key هستند وارد کنیم تا آن افزونه از طریق وب سرویس گوگل به کنسول نقشه گوگل متصل و حالت نقشه به درستی در سایت نمایش داده شود.
حال اگر از افزونه ای استفاده میکنیم که در آن این فیلد تعبیه نشده است میبایست سورس کد افزونه را باز کنیم. در هر جایی که نقشه گوگل فراخوانی شده است.کد اسکریپت مستقیم گوگل را وارد کنیم.
|
1 |
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDebMlfhpMYN6L92khbhl0T4rwRGQNnM9Z8"></script> |
[quote]
دقت کنید: کلیدی که در بالا ذکر شده است بصورت فرضی است و شما میبایست کلید اختصاصی خود را از گوگل دریافت نمایید.
[/quote]
این روش در نوع سیستم مورد استفاده شما تفاوتی حاصل نمیکند بلکه در تمامی نرم افزارهای متن باز مشابه جوملا، وردپرس،اوپن کارت و…روش اجرا به همین ترتیب خواهد بود.
امیدواریم که این آموزش راهگشای مشکل شما بوده باشد.
در صورت وجود هرگونه سوال؛ موارد خود را بصورت کامنت در زیر وارد نمایید.
