آموزش جامع Google Maps JavaScript API برای توسعه‌دهندگان (۲۰۲۶) - آخرین آپدیت

دانلود Google Maps JavaScript API for Developers (2026)

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: دوره عملی با پروژه‌های واقعی: مارکرها، خوشه‌بندی (Clustering)، مسیریابی، جستجوی مکان، ژئوکدینگ و لایه‌های Heatmap استفاده از Google Maps JavaScript API برای جاسازی نقشه‌ها در وب‌سایت‌ها و اپلیکیشن‌ها افزودن و شخصی‌سازی مارکرها، پنجره‌های اطلاعات (Info Windows) و لایه‌های تعاملی ساخت سیستم مسیریابی با حالت‌های رانندگی، پیاده‌روی و حمل و نقل عمومی پیاده‌سازی Marker Clustering برای مدیریت مجموعه‌های بزرگ از داده‌های نقشه یکپارچه‌سازی Places API برای جستجوی مکان و دریافت جزئیات دقیق کار با Geocoding و Reverse Geocoding برای تبدیل آدرس‌ها به مختصات و بالعکس نمایش داده‌های لحظه‌ای (آب و هوا، GeoJSON، لایه‌های سفارشی) روی نقشه ساخت وب‌اپلیکیشن‌ها و داشبوردهای مبتنی بر مکان با پروژه‌های واقعی پیشنیازها: دانش پایه HTML، CSS و JavaScript آشنایی با ویرایشگر کد مانند VS Code تجربه اندک در کار با APIها یا کتابخانه‌های جاوااسکریپت مفید است اما الزامی نیست داشتن حساب گوگل برای ایجاد کلید API از طریق Google Cloud Console

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

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

در پایان این دوره، شما با اعتماد به نفس کامل از Google Maps JavaScript APIبرای وارد کردن نقشه‌ها و داده‌های مکانی به برنامه‌های وب خود استفاده خواهید کرد.


شامل زیرنویس‌های حرفه‌ای به زبان‌های اسپانیایی، پرتغالی، ژاپنی و چینی.


آنچه خواهید آموخت:

در این دوره کاربردی و عملی، شما یاد می‌گیرید که چگونه:

  • جاسازی نقشه‌های تعاملی گوگل در وب‌سایت خود

  • افزودن مارکرهای سفارشی و لایه‌های رویی (Overlays)

  • نمایش داده‌های لحظه‌ای آب و هواروی نقشه با استفاده از APIهای خارجی

  • بارگذاری فایل‌های GeoJSONبرای بصری‌سازی مناطق، زون‌ها یا مرزهای کشورها

  • استفاده از Marker Clusteringبرای نقشه‌هایی با نقاط بسیار زیاد

  • افزودن قابلیت جستجو با استفاده از Places API

  • نمایش اطلاعات دقیق مانند نام، عکس‌ها و امتیازات مکان‌ها

  • انجام جستجوهای نزدیک (Nearby Search)(مثلاً کافه‌ها یا عابربانک‌ها)

  • نمایش مسیرها و جهت‌هابا توقف‌های متعدد و حالت‌های مختلف سفر

  • تبدیل آدرس‌ها به مختصات و بالعکس با استفاده از Geocoding API

  • بصری‌سازی تراکم داده‌ها با استفاده از Heatmapsبرای شناسایی سریع الگوها.

  • بهره‌برداری از مجموعه‌داده‌های لحظه‌ایمانند داده‌های زلزله با Heatmapهای وزنی.

شما با ویژگی‌های واقعیمورد استفاده در اپلیکیشن‌های وب مدرن کار خواهید کرد، آن هم با کدهایی تمیز و قابل فهم.


چرا این دوره را بگذرانید؟

چه مبتدی در کار با APIها باشید و چه توسعه‌دهنده‌ای که می‌خواهد به داشبوردهای خود نقشه اضافه کند، این دوره به شما پروژه‌های واقعیمی‌دهد که می‌توانید در رزومه خود ارائه دهید. شما مهارت‌های لازم برای ساخت نقشه‌های تعاملی و اپلیکیشن‌های مکان‌محورفراتر از سطح مقدماتی را کسب خواهید کرد.


این دوره برای چه کسانی است؟

این دوره برای افراد زیر طراحی شده است:

  • توسعه‌دهندگان وب که می‌خواهند نقشه‌های تعاملی را در اپلیکیشن‌های خود ادغام کنند

  • توسعه‌دهندگان Frontend که در حال ساخت داشبورد، نقشه‌های تحویل کالا یا مکان‌یاب فروشگاه‌ها هستند

  • مبتدیانی که به دنبال یادگیری APIها و قابلیت‌های مبتنی بر نقشه هستند

  • هر کسی که می‌خواهد توسعه مکان‌محور (Location-based development)را به صورت عملی بیاموزد


قبل از شروع دوره چه چیزهایی باید بدانید؟

نیازی نیست متخصص باشید، اما باید موارد زیر را بدانید:

  • مفاهیم پایه HTML، CSSو JavaScript

  • نحوه ویرایش صفحات وب ساده با استفاده از یک ویرایشگر کد (مانند VS Code)

  • اختیاری: آشنایی اندک با استفاده از APIها یا کتابخانه‌های جاوااسکریپت

این دوره یک دوره آموزش کدنویسی برای مبتدیان نیست، اما تمام موارد مربوط به گوگل مپس به صورت واضح و گام‌به‌گام آموزش داده شده است.


محتوای این دوره شامل چیست؟

این دوره شامل ۶ ماژول ساختاریافتهاست که مفاهیم ضروری API گوگل مپس و موارد استفاده واقعی را پوشش می‌دهد:

ماژول ۱: مفاهیم اصلی نقشه

  • تنظیم کلید API و مقداردهی اولیه نقشه‌ها

  • درک انواع نقشه، زوم، مرکز نقشه و کنترل‌ها

  • کار با مختصات و استایل‌دهی به نقشه

ماژول ۲: رویدادهای نقشه و لایه‌ها

  • مدیریت رویدادهای نقشه مانند کلیک، درگ (Drag) و زوم

  • افزودن مارکرهای سفارشی، آیکون‌ها و InfoWindows

  • استفاده از Overlays برای نمایش لایه‌های بصری اضافی

ماژول ۳: نقشه‌های پویا و داده‌های خارجی

  • نمایش اطلاعات لحظه‌ای آب و هوااز APIهای خارجی

  • یکپارچه‌سازی GeoJSONبرای ترسیم مرزهای کشور یا مناطق سفارشی

  • استفاده از Marker Clusteringبرای مدیریت بهینه تعداد زیادی مارکر

  • نمایش داده‌های متنی با استفاده از لایه‌ها و InfoWindows

ماژول ۴: یکپارچه‌سازی Places API

  • افزودن قابلیت Autocompleteبرای جستجوی مکان

  • دریافت و نمایش جزئیات مکان، امتیازات و عکس‌ها

  • استفاده از Nearby Searchو فیلتر کردن بر اساس نوع مکان (مثلاً کافه یا بیمارستان)

ماژول ۵: جهت‌یابی و مسیریابی

  • محاسبه و نمایش مسیر بین نقاط مختلف

  • شخصی‌سازی مسیرها با حالت‌های سفرو نقاط توقف (Waypoints)

  • ساخت نقشه‌های مسیریابی تعاملی و قابل درگ برای تجربه کاربری بهتر

ماژول ۶: ژئوکدینگ و ریورس ژئوکدینگ

  • تبدیل یک آدرس به مختصات طول و عرض جغرافیایی با استفاده از Geocoding API

  • تبدیل مختصات به آدرس‌های قابل خواندن برای انسان (Reverse Geocoding)

  • مدیریت نتایج ژئوکدینگ و خطاهای احتمالی در اپلیکیشن

  • انجام Batch Geocode برای چندین مکان جهت پردازش داده‌های مقیاس‌پذیر

ماژول ۷ – نقشه‌های حرارتی (Heatmaps) در گوگل مپس

  • یاد بگیرید چگونه تراکم داده‌ها را از طریق Heatmapها بصری کنید: ورودی‌های داده واقعی، شخصی‌سازی، تعامل و ترکیب با Clustering.


چرا این دوره را بگذرانید؟

  • تمرکز بر دنیای واقعی: بدون حاشیه — فقط کدنویسی کاربردی با ویژگی‌های مفید

  • کدهای آماده برای پروژه: آنچه می‌آموزید را مستقیماً در اپلیکیشن‌های خود به کار ببرید

  • یادگیری از طریق انجام: ساخت ویژگی‌های واقعی گام‌به‌گام، نه فقط تئوری

در پایان این دوره، شما در استفاده از Google Maps JavaScript APIبرای ایجاد وب‌اپلیکیشن‌های مدرن مبتنی بر نقشه با ویژگی‌هایی مانند GeoJSON، لایه‌های آب و هوا، جستجوی مکانو خوشه‌بندیمتخصص خواهید بود و می‌توانید آدرس‌ها را به مختصات تبدیل کرده و نام مکان‌ها را به صورت برنامه‌نویسی شده بازیابی کنید.


بیایید شروع کنیم!

همین حالا بپیوندید و ساخت ویژگی‌های تعاملی نقشه با API گوگل مپس را آغاز کنید — پروژه به پروژه.


سرفصل ها و درس ها

شروع کار با گوگل مپس: تنظیمات، مفاهیم پایه و بنیادین Getting Started with Google Maps: Setup, Basics & Fundamentals

  • نقشه‌ها چگونه کار می‌کنند: مفاهیم اصلی و سیستم مختصات How Maps Work: Core Concepts & Coordinate System

  • مخزن گیت‌هاب و سایت دمو دوره GitHub Repo and Demo Site for This Course

  • دریافت کلید API گوگل مپس (گام‌به‌گام) Getting Your Google Maps API Key (Step-by-Step)

  • راه‌اندازی محیط توسعه Setting Up Your Development Environment

  • اولین نقشه گوگل شما: نمایش نقشه در صفحه وب Your First Google Map: Display a Map on a Web Page

  • رفع مشکل 127.0.0.1 در مقابل localhost در Live Server Fixing 127.0.0.1 vs localhost Issue in Live Server

  • افزودن اولین مارکر روی نقشه Adding Your First Marker on the Map

  • شخصی‌سازی مارکرها: آیکون‌ها، رویدادهای کلیک و انیمیشن Customizing Markers: Icons, Click Events & Animation

  • جمع‌بندی: شروع کار با گوگل مپس Summary: Getting Started with Google Maps

  • مبانی گوگل مپس Google Maps Basics

افزودن تعامل: مارکرها، رویدادها و پنجره‌های اطلاعات Adding Interactivity: Markers, Events & InfoWindows

  • مدیریت رویدادهای نقشه: کلیک، زوم و درگ Handling Map Events: Click, Zoom & Drag

  • پنجره‌های اطلاعات تعاملی با مارکرها Interactive InfoWindows with Markers

  • ترسیم دایره‌ها و مستطیل‌ها روی نقشه Drawing Circles & Rectangles on the Map

  • ترسیم چندضلعی‌ها (Polygon) با کلیک‌های لحظه‌ای کاربر Polygon Drawing with Real-Time User Clicks

  • ترسیم خطوط (Polylines) برای مسیرها و جاده‌ها Drawing Polylines for Routes & Paths

  • جمع‌بندی: مدیریت کلیک‌ها، اشکال و لایه‌های سفارشی Summary: Handling Clicks, Shapes & Custom Overlays

  • مارکرها، رویدادها و پنجره‌های اطلاعات Markers, Events and InfoWindows

نقشه‌های لحظه‌ای: آب و هوا، GeoJSON و خوشه‌بندی مارکرها Real-Time Maps: Weather, GeoJSON & Marker Clustering

  • نمایش مارکرها از طریق فایل JSON خارجی Displaying Markers from External JSON

  • بصری‌سازی مرزهای ایالتی با GeoJSON Visualize State Borders with GeoJSON

  • آب و هوای لحظه‌ای با APIهای خارجی Real-Time Weather with External APIs

  • خوشه‌بندی مارکرها با ابزار Google Maps Utility Clustering Markers with Google Maps Utility

  • فیلتر کردن داینامیک مارکرها Filtering Markers Dynamically

  • جمع‌بندی: ادغام داده‌های واقعی با گوگل مپس Summary: Integrating Real-World Data with Google Maps

  • داده‌های خارجی، JSON، APIها و API آب و هوا External Data, JSON, APIs & Weather API

Places API: تکمیل خودکار، جزئیات مکان و جستجوی نزدیک Places API: Autocomplete, Place Details & Nearby Search

  • تکمیل خودکار (Autocomplete): جستجوی مکان‌ها روی نقشه Autocomplete: Search Places on the Map

  • دریافت جزئیات مکان از طریق Place ID Get Place Details by Place ID

  • جستجوی نزدیک: پیدا کردن رستوران‌ها یا عابربانک‌ها Nearby Search: Find Restaurants or ATMs

  • مدیریت صفحه‌بندی در نتایج جستجوی نزدیک Handle Pagination in Nearby Search Results

  • آپدیت مهم: Places API (نسخه جدید) و دستورالعمل‌های گوگل Important Update: Places API (New) and Google’s Direction

  • جمع‌بندی – کار با Google Places API Summary – Working with Google Places API

  • معرفی Places API Places API

Directions API: مسیریابی از نقطه A به B، حالت‌های سفر و تجربه کاربری مسیریابی Directions API: Getting From A to B - Directions, Travel Modes & Routing UX

  • شروع کار با Directions API Getting Started with Directions API

  • ایجاد مسیریابی تعاملی روی نقشه Creating Interactive Directions on the Map

  • نمایش دستورالعمل‌های گام‌به‌گام مسیر Displaying Step-by-Step Instructions

  • اجازه دادن به کاربران برای درگ و تغییر مسیرها Allowing Users to Drag and Modify Routes

  • افزودن نقاط توقف برای مسیرهای چندمقصده Adding Waypoints for Multi-Stop Routes

  • جمع‌بندی: Directions API Summary: Directions API

  • جهت‌یابی و مسیریابی Directions & Routing

ژئوکدینگ و ریورس ژئوکدینگ Geocoding & Reverse Geocoding

  • مقدمه‌ای بر ژئوکدینگ و ریورس ژئوکدینگ Introduction to Geocoding & Reverse Geocoding

  • ژئوکدینگ مستقیم: تبدیل آدرس به مختصات Forward Geocoding: Addresses to Coordinates

  • ریورس ژئوکدینگ: تبدیل مختصات به آدرس Reverse Geocoding: Coordinates to Addresses

  • ژئوکدینگ دسته‌ای برای چندین آدرس Batch Geocoding Multiple Addresses

  • جمع‌بندی: ژئوکدینگ و ریورس ژئوکدینگ Summary: Geocoding and Reverse Geocoding

  • مبانی Geocoding & Reverse Geocoding Geocoding & Reverse Geocoding

نقشه‌های حرارتی (Heatmaps) در گوگل مپس Heatmaps in Google Maps

  • نقشه‌های حرارتی چیستند؟ مقدمه و موارد استفاده What Are Heatmaps? Introduction & Use Cases

  • افزودن اولین لایه Heatmap در گوگل مپس Adding Your First Heatmap Layer in Google Maps

  • بصری‌سازی داده‌های واقعی با Heatmapهای وزنی Visualizing Real Data with Weighted Heatmaps

  • شخصی‌سازی ظاهر Heatmap (شعاع و شفافیت) Customizing Heatmap Appearance (Radius & Opacity)

  • نقشه‌های حرارتی پویا با تعامل کاربر Dynamic Heatmaps with User Interaction

  • ترکیب Heatmapها با خوشه‌بندی مارکرها Combining Heatmaps with Marker Clustering

  • جمع‌بندی: Heatmaps در گوگل مپس Summary: Heatmaps in Google Maps

نمایش نظرات

آموزش جامع Google Maps JavaScript API برای توسعه‌دهندگان (۲۰۲۶)
جزییات دوره
2.5 hours
45
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,437
4.9 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Infiproton Tech Infiproton Tech

مهندس | منتور | راهنمای شما برای یادگیری مهارت‌های کدنویسی واقعی

Harish B N Harish B N

برنامه‌نویس نرم‌افزار، کوچ و مدرس