رفع مشکل عدم نمایش نقشه گوگل در سایت oops ! something went wrong

رفع خطای Oops! Something went wrong

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

پیدا کردن دلیل خطای Oops! Something went wrong

اولا، بیایید دقیقا مشخص کنیم که چرا «این صفحه نقشه های Google Maps را به درستی بارگیری نکرده است» خطا نشان داده می شود. چندین چیز وجود دارد که می تواند باعث آن شود، اما خوشبختانه Google به ما یک راه برای یادگیری دلیل خاصی داده است. این به ما کمک می کند تا بدانیم چه باید کرد تا آن را حل کنیم. توجه داشته باشید آخرین قسمت خطا می گوید برای رفع این خطا  کنسول جاوا اسکریپت را برای  مشاهده جزئیات فنی   باز کنید.

شما با چند کلیک ساده می توانید کنسول جاوا اسکریپت را در مرورگر خود باز کنید. یک پاسخ عالی در StackOverflow وجود دارد که به شما بطور واضح نحوه باز کردن کنسول جاوا اسکریپت در مرورگرهای مختلف را نشان می دهد. بعد از انجام این کار باید بتوانید یک ورودی را پیدا کنید که چیزی شبیه به این باشد.

شما به ۳ روش میتوانید مشکل نقشه را رفع نمایید .

روش اول دریافت کد Api از گوگل میباشد :

این Api رایگان میباشد و میتوانید با انجام مراحل زیر براحتی این Api را دریافت و استفاده نمایید .

ابتدا وارد وب سایت زیر شوید :
کنسول Api گوگل
حتماً با یک آی پی خارج از ایران وارد شوید و سپس بروی دکمه Continue کلیک نمایید.

در این مرحله کادر پیش روی شما باز می شود کادر اول یک نام انتخاب نمایید و در کادر دوم آدرس سایت خود را وارد بفرمایید سپس بروی دکمه Create دو مرتبه کلیک نمایید و “ایجاد یک پروژه جدید” را انتخاب کنید، یک نام وارد کنید، سپس روی Next کلیک کنید.

تنظیم صورتحساب برای پروژه جدید خود را ادامه دهید تا API ها را فعال کنید. گوگل به شما چنین مقدار زیادی از اعتبارات رایگان را هر ماه می دهد برای محدود کردن استفاده از کلید خود به وبسایت خود فقط از لینک API Console کلیک کنید (مهم است).

روش دوم :استفاده از عکس نقشه بجای نقشه گوگل

کافیست وارد سایت https://www.google.com/maps شوید آدرس خود را پیدا نمایید و از نقشه یک عکس بگیرید در سایت قرار دهید این روش چند مزیت دارد ، سرعت سایت شما به دلیل بارگذاری نقشه افت نمی کند چون از تصویر استفاده کرده اید ، نیازی به اتصال به سرورهای گوگل ندارید و همیشه آدرس شما به صورت تصویر برای کاربر نمایش داده میشود و محدودیتی در آینده از قبیل تحریم و … نخواهید داشت.

روش سوم : استفاده آسان از Iframe

اگر تمایل به استفاده از تصویر ندارید می توانید از آی-فریم برای نمایش نقشه استفاده نمایید برای این هدف کافی ست وارد سایت https://www.google.com/maps شوید آدرس خود را پیدا نمایید و بروی دکمه Share کلیک نمایید در پنجره باز شده گزینه Embed Map را انتخاب نمایید و متن داخل کادر Iframe را کپی و در سایت خود استفاده نمایید ( کاربران جوملا میتوانند این آدرس را در یک ماژول سفارشی قرار دهند (Custom Html) .