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

 

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

چگونه ؟ خیلی ساده رفتم به سایت زیر :

http://www.nationsonline.org/oneworld/map/google_map_Mecca.htm

سپس عرض و طول جغرافیایی تهران را پیدا کردم و در برنامه ام قرار دادم .

( حالا شما در اموزش گوگل مپ یاد خواهید گرفت چطور این کار را انجام دهید )

 

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

 

 در صفحه فهرست گوگل مپ ،  از تگ embed برای نمایش فایلی که شامل دستورات نمایش گوگل مپ است استفاده کردم .و در تنظیمات embed نوع محتوای ان را ای فریم انتخاب کردم .

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

 

دستورات کامل مربوط به ایجاد نقشه در صفحه وب را در انتهای  مثال عملی یعنی  مثال عملی نوشته ام

 

 

 

اول برین به ادرس زیر و به روشی که گفته می شود یک API key از سایت گوگل بگیرین 

 

https://code.google.com/apis/console/

 

 ( البته فکر کنم این سرویس برای کشور ما فعال نیست . می تونین با دنبال کردن فصلهی بعدی از API key ان مثال استفاده کنین )
 
 با کلیک روی پیوند بالا شکل زیر نمایان میشه :
 Create project API
 
 روی دکمه Create Project کلیک کنید
 در لیست سرویس ها ، گزینه Google Maps API v3 را انتخاب کنید و روی off کلیک کنید تا انرا فعال نمائید
 در صفحه بعد ، I Agree... را انتخاب کنید و روی دکمه Accept کلیک نمائید با این کار دکمه next to Google Maps API v3 به on تغییر می کند
 در منوی سمت چپ روی API Access کلیک کنید
 از شما سوالی برای ایجاد Create an OAuth 2.0 client id... پرسیده می شو د
 در صفحه بعدی یک نام برای product name وارد کنید مثلا "demo"
 اگر می خواهید یک تصویر هم اپلود کنید . که این تصویر لوگوی پروه شما خواهد شد
 روی دکمه next کلیک کنید
 در صفحه بعد ، نوع application را انتخاب کنید ، که می شود "Web application"
 سپس در قسمت ادرس ادرس وب خود را بنویسید 
 سپس روی دکمه Create Client Id کلیک کنید
 در صفحه بعد گوگل به شما یک API key خواهد داد
 و اطلاعات مهمی مثل شکل زیر را دریافت خواهید کرد :
 API key
 شماره API key  خود را حتما یک جای مطمئن یادداشت کنید . زیرا با همین شماره ما به تمام ویژگیهلی گوگل مپ در صفحات خود دسترسی خواهیم داشت