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

همانطور که می دانید API شامل سرویس های کاربردی و جذاب برای وب سایت شما هستند . در این مقاله سعی داریم به این موضوع که API چیست بپردازیم و نحوه ی ساخت یکی از محبوبترین سرویس های این مجموعه را به صورت پله به پله به شما عزیزان آموزش دهیم .

10 تیر 1397
آخرین بروزرسانی: 19 مهر 1401

برای دریافت 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 نقشه گوگل

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

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

مشاهده Google cloud platform 

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

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

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

 

ساخت حساب کاربری برای کلید api نقشه گوگل

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

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

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

مشاهده Console Cloud Google 

ایجاد API

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

کپی کد api key ایجاد شده

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

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

 کلید api نقشه گوگل

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

 انتخاب website restriction کلید api نقشه گوگل

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

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

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

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

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

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

 

13 دیدگاه ها افزودن دیدگاه
radintech
radintech

سلام
امکان دریافت api برای ایران نیست.
راه کاری داره؟

مهسا کاظمی پور
مهسا کاظمی پور حرفه ای در پاسخ به radintech
  • نویسنده

درود عرض ادب
دوست گرامی هاست خارج و دامنه .com که مشکلی برای گرفتن api ندارند. ولی اگر دامنه شما .ir است می توانید از افزونه های لوکیشن ایران مثل افزونه ثبت موقعیت مشتری روی نقشه در ووکامرس استفاده کنید.

haniemhmdi292
haniemhmdi292

سلام من برای سایت فروشگاه مشاری با دامنه mo**rishop.com ای پی آی کی رو وارد کردم. ولی هیچ نقشه ای نمایش داده نمیشه

محبوبه حیدری
محبوبه حیدری حرفه ای در پاسخ به haniemhmdi292

سلام دوست عزیز
نقشه در بخش تماس با ما سایتتون به درستی نمایش داده شده. موفق باشید

AJ2240
AJ2240

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

AJ2240
AJ2240

سلام. من فکر نکنم به این سادگی باشه مگه نیاز به پرداخت نداره؟ اگه نیاز به پرداخت داشته باشه ولو 0 دلار حتی با حساب پیپل هم نمیشه و حتما باید یک ایرانی خارج از کشور داشته باشید که کردیت کارت داشته باشه و اون بتونه کد رو بگیره و از مرحله پرداخت رد بشه. به هر حال من سوالم اینه که کد api گوگل ترنسلیت رو چطور دریافت کنیم؟ خواهشمند این رو هم آموزش بدید. خیلی چالش بزرگیه و برای بنده بسیار کاربردی می باشد.

alan
alan

آفرین ، عالی بود

shahremobile
shahremobile

سلام دوستان
لینک سایتم این هست
http://www.mobile-city.ir
ببخشید این سوال رو اینجا میپرسم
میخواستم بدونم چطوری میتونم api رو برای سایتم بسازم؟
میخوام تمام محصولاتم رو نشون بدم توش برای سایتایی مثل ایمالز و...

sasha.itman
sasha.itman

سلام. ممنون برای مطلب مفید تون. برای دریافت API برای اپلیکیشن Android تحت وردپرس باید چکار کنیم؟
با تشکر

Mahd1Yar
Mahd1Yar

بسیار عالی و کاربردی ♥

morteza1373civil
morteza1373civil

سلام ! من اوکی کردم ولی تو نقشه ای که میاره مینویسه :
only for developers !!!
دلیل چیه ؟؟ چکار کنم اون نوشته بره ؟؟

saba pirmohammadi
saba pirmohammadi

سلام وقتتون بخیر
ببخشید من یه سایت با دامنه ir دارم. اما جدیدا در مورد نقشه گوگل به مشکل برخوردم و نمایش نمیده. به نظرتون مشکل چیه؟

نجمه کیانی
نجمه کیانی حرفه ای در پاسخ به saba pirmohammadi

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