کاربری
کاربر گرامی به تالار گفتمان سایت پی سی دی ال خوش آمدید . اگر این نخستین بازدید شما از سایت است , لطفا ثبت نام کنید:
نمایش نتایج: از 1 به 1 از 1

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

  1. #1
    Junior Member
    تاریخ عضویت
    Dec 2016
    نوشته ها
    5
    موافقم / تشکر
    0
    از این کاربر 7 بار در 5 ارسال تشکر شده است.

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

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

    Oops! Something went wrong.

    This page didn’t load Google Maps correctly. See the JavaScript console for technical details

    در این آموزش از ملت وب در خدمت شما هستیم با آموزش رفع خطای عدم نمایش نقشه گوگل در وردپرس. همانطور که شاید مطلع باشید. گوگل در تاریخ ۲ تیرماه ۹۵ سیاست کاری خود را در ارائه سرویس های جدید به کابران خود تغییر داده است که از این تاریخ به بعد نمایش نقشه گوگل در سایت های وردپرس یا سایر سایت ها ملزم به دریافت api key یا کلید api از گوگل هستند. برای این کاربر باید به وب سایت گوگل مراجعه کنیم و کلید مجوز مربوطه را از گوگل دریافت کنیم و به وب سایت خود اعمال کنیم. حال اعمال این کد به سایت به سه روش خود قالب کد و افزونه میسر است و ما در ادامه هر سه روش را به شما آموزش خواهیم داد.
    [Dear Guest/Member you can't see link before replyclick here to register]
    آموزش دریافت api key از وب سایت گوگل:

    همانطور که در بالا گفته شد ، جهت نمایش نقشه و حل مشکل موجود نیاز است که کد مجوز مربوطه را گوگل دریافت کنیم. برای دریافت این کد کافیست با استفاده از این لینک مطابق تصویر زیر ، ابتدا پروژه مورد نظر را انتخاب کرده و روی دکمه آبی رنگ Continue کلیک کنید تا به مرحله دریافت کلید api هدایت شوید:

    نکته : برای وارد شدن به این لینک احتمالا به نرم افزار های گ-ذ-ر از تح-ریم نیاز داشته باشید.
    [Dear Guest/Member you can't see link before replyclick here to register]
    در صفحه جدید شما ، در قسمت Which API are you using؟ همان مورد پیشفرض را قرار داده و روی Google Maps JavaScript API تنظیم کرده و هدف اصلی دریافت کلید api را مشخص کنید. پس از آن روی دکمه آبی رنگ What credentials do I need? کلیک کنید و کلید مجوز مربوطه را دریافت کنید. مانند تصویر زیر:

    [Dear Guest/Member you can't see link before replyclick here to register]
    حال شما کلید api را دریافت کرده اید و تنها اعمال کردن آن به سایت با ۳ روش میسر است:

    ۱. استفاده از تنظیمات قالب : در تنظیمات قالب هایی که از گوگل مپ استفاده میکنند اغلب فیلدی برای دریافت api گوگل مپ تعبیه میکنند که در این صورت کار شما راحت بوده و کافیست کد دریافتی را در این فیلد جایگذاری و ذخیره کنید. در غیر اینصورت از روش های بعدی استفاده کنید.

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

    برای این کار کافیه کد زیر را به فایل header.php سایت خودتون اضافه کنید:
    کد PHP:
    کد PHP:
    script src=//maps.googleapis.com/maps/api/js?key= AIzaSyAH۰DXSg۸k۴۴_۲J۲-xG۵EvnlAwRQ۹QuvCk ” async=”” defer=”defer” type=”text/javascript”> 
    ۳- آموزش اعمال api key از طریق افزونه:

    برای این کار کافیست ، افزونه API KEY for Google Maps را از زیر دریافت کنید و سپس مانند سایر افزونه ها ، نصب و فعال سازی کنید. پس از فعال سازی افزونه مذکور به زیر مجموعه قسمت تنظیمات / Google API KEY اضافه میشود که باید روی آن کلیک کنید و در قسمت Enter Google Maps API KEY کلید دریافتی را وارد کنید.
    [Dear Guest/Member you can't see link before replyclick here to register]
    تبریک میگوییم… حال اگر نقشه سایت خود را مشاهده کنید خواهید دید که مشکل مربوطه برطرف شده است.

    امیدوارم این آموزش براتون مفید بوده باشه در صورت برجا بودن مشکل درصورتی که قالب را از سایت ما دانلود کرده اید از بخش پشتیبانی و تیکت با ما در تماس باشید. [Dear Guest/Member you can't see link before replyclick here to register]

    3 کاربر مقابل از mellatweb عزیز به خاطر این پست مفید تشکر کرده اند .

    admin (02-05-2017),alirad1994 (12-30-2017),safavico (12-28-2017)

    ویرایش توسط mellatweb : 02-04-2017 در ساعت 07:02 PM

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
درباره ما

سايت پی سی دی ال با عنوان مرجع کد و آموزش خدمات رساني خود را در سال 1390 آغاز کرد . از لحظه تولد تاکنون پی سی دی ال همواره سعي در بکارگيري شيوه هاي جدید و خدمات نوین در زمینه کدنویسی و آموزش انجام داده است. سایت تماما رایگان بوده به صورت منظم آپدیت می شود.

دوستان ما
لینک های مفید
ابزار ها
بارگذاری مجدد کد امنیتی مندرج در تصویر را وارد کنید: