آموزش دریافت Api key برای نقشه گوگل به همراه ویدئو آموزشی

برای دریافت api key برای نقشه گوگل و نمایش نقشه گوگل در سایت وردپرس و رفع مشکل oops! Something went wrong نیاز به فعالسازی کد نقشه گوگل یا کلید api نقشه گوگل دارید. در ادامه مقاله نحوه فعالسازی کد نقشه گوگل را می آموزیم اما قبل از آن ببینیم api key چیست؟

در ادامه می توانید ویدئو نحوه دریافت api key برای نقشه گوگل را مشاهده کنید و یا به صورت تصویری مراحل را مشاهده کنید.

API چیست ؟

API مخفف Application Programming Interface است و منظور رابط‌ هایی است که بین نرم‌ افزارهای مختلف ارتباط ایجاد می کنند و به طور کلی، مجموعه ای از روش های تعریف شده برای ایجاد ارتباطات بین اجزای نرم افزاری مختلف API نامیده می شود. به عنوان مثال وقتی یک متنی را از برنامه ای مثل ورد به برنامه ای دیگر مثل Notepad ، copy و paste می کنید در واقع API ای که وظیفه ی تعاریف مربوط به دو برنامه را به عهده دارد این کار را برای شما انجام می دهد و وظیفه تعریف داده‌ های جابجا شده را برای دو برنامه به عهده می گیرد.

یک API ممکن است برای یک سیستم مبتنی بر وب، سیستم عامل، سیستم پایگاه داده، سخت افزار کامپیوتر یا کتابخانه نرم افزاری باشد. در وب، API ها امکان استفاده از داده‌ ها و امکانات سرویس‌های بزرگی مثل گوگل یا فیسبوک را به امکانات اپلیکیشن‌ ها یا سایت‌ های دیگر اضافه می‌ کنند.

 کلید API چیست؟

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

دریافت api key برای نقشه گوگل 

از محبوبترین api key ها، Google Maps API یا گرفتن api گوگل مپ است. رایج ترین کاربرد، قرار دادن نقشه محل مورد نظر در صفحه تماس وب سایت است. پس از دریافت کلید api نقشه گوگل ساخته می شود. برای دریافت api key از گوگل مراحل زیر را دنبال کنید.

نکته: توجه داشته باشید به دلیل تحریم ایران دسترسی به این سایت گوگل بدون فیلتر شکن امکان پذیر نخواهد بود.

برای استفاده از گوگل مپ در سایت خود نیاز به کلید api نقشه گوگل دارید برای دریافت کلید API مراحل زیر را انجام دهید:
قبل از شروع استفاده از Maps Embed API، به یک پروژه با یک حساب  Maps Embed API فعال نیاز دارید. اگر حساب فعال ندارید مراحل زیر را دنبال کنید.

1- ابتدا به آدرس وارد google cloud platform شوید و یک پروژه جدید ایجاد کنید، فیلدهای زیر را پر کنید.

مشاهده Google cloud platform 

• نام پیش فرض را قبول کنید یا یک نام دلخواه برای پروژه وارد کنید. در هر زمان می توانید نام پروژه را تغییر دهید.
• مقدار پیش فرض را به عنوان کد پروژه (project ID) بپذیرید یا بر روی دکمه رفرش کلیک کنید. یک شناسه سفارشی که Google API به عنوان شناسه منحصر به فرد برای پروژه شما ایجاد می شود.
• اگر سازمانی دارید که می خواهید پروژه خود را به آن پیوند دهید روی Browse کلیک کنید و آن را انتخاب کنید. در غیر این صورت  “No organization” را انتخاب کنید.
  
  2- پس از آن وارد صفحه زیر می شوید همانطور که مشاهده می کنید کد پروژه ایجاد شده قابل مشاهده است.
  
• اگر به صفحه پروژه وارد نشدید از قسمت Billing می توانید لیست تمام پروژه ها را مشاهده کنید سپس پروژه ایجاد شده را انتخاب کنید.

3- برای دریافت api key برای نقشه گوگل باید پروژه را به حساب تان متصل کنید. اگر حساب دارید حسابتان را انتخاب کنید و اگر حساب ندارید یک حساب ایجاد کنید.

• برای ایجاد حساب نام کشور و جیمل تان را انتخاب کنید و تیک را بزنید

4- سپس شماره موبایلتان را درج کنید و کد تایید را در بخش (enter the 6-digit code) وارد کنید.

5- خب حالا به کنسول گوگل بروید در قسمت  Credentials> سپس Create credentials گزینه API key را اتنخاب کنید.

مشاهده Console Cloud Google 

6- بعد از انتخاب API کد برای شما نمایش داده می شود.

api key برای شما نمایش داده می شود که میتوانید این کد را کپی کنید و استفاده کنید. در صورتی که مایل به استفاده دامنه ای دیگر از این کد نمی باشید در پنجره ی پاپ آپ ظاهر شده دکمه ی Restric Key را انتخاب کنید.

در قسمت Application restriction گزینه HTTP referers (web site) را انتخاب کنید

و در قسمت Website restric به خاطر داشته باشید که آدرس دامنه ها را بدون http وارد نمایید و حتما در ابتدای نام دامنه کاراکتر * و در انتهای آن عبارت */ را اضافه نمایید. به عنوان مثال دامنه rtl-theme.com را باید به صورت */rtl-theme.com * وارد نمایید در آخر روی دکمه save کلیک کنید.

نکته: در صورتی که مایل به استفاده دامنه ای دیگر از این کد نمی باشید در پنجره ی پاپ آپ ظاهر شده دکمه ی Restric Key را انتخاب کنید.

درقسمت  Select APIs قسمت Maps Embed API را  انتخاب کنید و در آخر Save را بزنید.

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

نحوه استفاده از کلید API

برای استفاده از کلید api نقشه گوگل را در بخش در Google Maps API KEY قالب وردپرس خود قرار دهید و روی ذخیره تغییرات کلیک کنید.