کتابخانه های متن باز

کتابخانه‌های متن‌باز زیادی برای ارائه قابلیت‌های اضافی برای Maps JavaScript API در دسترس هستند. این کتابخانه‌ها در GitHub نسخه‌بندی شده و در npm منتشر شده‌اند.

اجزای وب

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

کتابخانه کامپوننت توسعه‌یافته (بتا)

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

npm i @googlemaps/extended-component-library
نسخه NPM برای @googlemaps/extended-component-libraryدانلودهای NPM برای @googlemaps/extended-component-library ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد

بارگذاری API

برنامه‌های وب مدرن می‌توانند از کتابخانه‌های زیر برای بارگذاری API جاوا اسکریپت Maps بهره ببرند.

لودر JS API

API جاوا اسکریپت Maps را به صورت پویا با Promises بارگذاری کنید. 

npm i @googlemaps/js-api-loader
نسخه NPM برای @googlemaps/js-api-loaderدانلودهای NPM برای @googlemaps/js-api-loader ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد

استفاده از تایپ‌اسکریپت

کاربران TypeScript می‌توانند با بسته‌های زیر شروع به کار کنند. برای اطلاعات بیشتر، راهنمای استفاده از TypeScript را بررسی کنید.

انواع تایپ‌اسکریپت

انواع TypeScript برای API جاوا اسکریپت نقشه‌ها 

npm i -D @types/google.maps
نسخه NPM برای @types/google.mapsدانلودهای NPM برای @types/google.maps ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد
محافظ‌های تایپ‌اسکریپت

تایپ‌اسکریپت از انواع محدود اتحادیه‌ای (universal types) محافظت می‌کند. 

npm i -D @googlemaps/typescript-guards
نسخه NPM برای @googlemaps/typescript-guardsدانلودهای NPM برای ‎@googlemaps/typescript-guards‎ ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد

استفاده از ری‌اکت

کاربران React می‌توانند با بسته‌های زیر شروع کنند.

کتابخانه نقشه‌های گوگل ری‌اکت

کامپوننت‌ها و هوک‌هایی برای ادغام API جاوا اسکریپت Maps در برنامه‌های React. 

npm i -D @vis.gl/react-google-maps
نسخه NPM برای @vis.gl/react-google-mapsدانلودهای NPM برای @vis.gl/react-google-maps ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد
بسته‌بندی واکنشی

یک کامپوننت پوششی برای بارگذاری اعلانی API جاوا اسکریپت Maps. 

npm i @googlemaps/react-wrapper
نسخه NPM برای @googlemaps/react-wrapperدانلودهای NPM برای @googlemaps/react-wrapper ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد

گسترش نشانگرها و پوشش‌ها

کتابخانه‌های زیر کلاس‌هایی مانند Marker و OverlayView را ارث‌بری می‌کنند.

خوشه‌بندی نشانگر

خوشه‌های سطح زوم را برای مقادیر زیادی از نشانگرها ایجاد و مدیریت می‌کند. 

npm i @googlemaps/markerclusterer
نسخه NPM برای @googlemaps/markerclustererدانلودهای NPM برای @googlemaps/markerclusterer ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد
مدیر نشانگر

بر اساس تغییرات نمای نقشه، نشانگرها را اضافه و حذف می‌کند. 

npm i @googlemaps/markermanager
نسخه NPM برای @googlemaps/markermanagerدانلودهای NPM برای googlemaps/markermanager@ ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد
سرویس نقشه وب (WMS)

لایه‌های Open Geospatial Consortium (OGC) مانند سرویس نقشه وب (WMS) را به نقشه اضافه کنید. 

npm i @googlemaps/ogc
نسخه NPM برای @googlemaps/ogcدانلودهای NPM برای googlemaps/ogc@ ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد
برچسب‌های نشانگر

برچسب‌های HTML سفارشی را به نشانگرها اضافه کنید. 

npm i @googlemaps/markerwithlabel
نسخه NPM برای @googlemaps/markerwithlabelدانلودهای NPM برای ‎@googlemaps/markerwithlabel‎ ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد
پوشش‌های Three.js

برای تجسم‌های با کارایی بالا از WebGL و ThreeJS استفاده کنید. 

npm i @googlemaps/three
نسخه NPM برای @googlemaps/threeدانلودهای NPM برای googlemaps/three@ ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد
پوشش‌های Deck.gl

از Deck.gl به عنوان یک پوشش سفارشی نقشه‌های گوگل استفاده کنید. 

npm i @deck.gl/google-maps
نسخه NPM برای @deck.gl/google-mapsدانلودهای NPM برای @deck.gl/google-maps ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد

تست و لایه گذاری

از این کتابخانه‌ها برای اطمینان از بهترین شیوه‌ها و آسان‌تر کردن آزمایش برای API جاوا اسکریپت Maps استفاده کنید.

افزونه ESLint

از قوانین سفارشی ESLint برای Lint کردن کد خود استفاده کنید. 

npm i -D eslint-plugin-googlemaps
نسخه NPM برای eslint-plugin-googlemapsدانلودهای NPM برای eslint-plugin-googlemaps ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد
شوخی مسخره‌آمیز

ماکت‌هایی برای استفاده با کتابخانه تست Jest. 

npm i -D @googlemaps/jest-mocks
نسخه NPM برای @googlemaps/jest-mocksدانلودهای NPM برای googlemaps/jest-mocks@ ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد

کتابخانه‌های Node.js

کتابخانه کلاینت Node.js

کتابخانه کلاینت Node.js برای برقراری تماس از توابع ابری یا کد سمت سرور. 

npm i @googlemaps/google-maps-services-js
نسخه NPM برای ‎@googlemaps/google-maps-services-js‎دانلودهای NPM برای ‎@googlemaps/google-maps-services-js‎ ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد
کدگذاری چندخطی

رمزگذاری و رمزگشایی چندخطی‌ها در Node.js. 

npm i @googlemaps/polyline-codec
نسخه NPM برای @googlemaps/polyline-codecدانلودهای NPM برای ‎@googlemaps/polyline-codec‎ ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد
امضای URL

برای امنیت بیشتر، URLها را در Node.js امضا کنید. 

npm i @googlemaps/url-signature
نسخه NPM برای @googlemaps/url-signatureدانلودهای NPM برای @googlemaps/url-signature ستاره‌های مخزن گیت‌هابفعالیت کامیت گیت‌هاب (شاخه)فورک‌های گیت‌هاب نشان سرور دیسکورد