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

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

اجزای وب

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

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

Google Maps Platform Extended Component Library مجموعه ای از اجزای وب است که به توسعه دهندگان کمک می کند نقشه های بهتری را سریعتر و با تلاش کمتر بسازند. 

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

در حال بارگیری API

برنامه های کاربردی وب مدرن ممکن است از استفاده از کتابخانه های زیر برای بارگیری Maps JavaScript API سود ببرند.

بارگذار API JS

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

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

با استفاده از TypeScript

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

انواع TypeScript

انواع TypeScript برای Maps JavaScript API 

npm i -D @types/google.maps
نسخه NPM برای @types/google.mapsدانلود NPM برای @types/google.maps ستاره های GitHub Repoفعالیت متعهد GitHub (شعبه)چنگال های GitHub نشان سرور Discord
محافظ های TypeScript

تایپ اسکریپت برای انواع اتحادیه های باریک محافظت می کند. 

npm i -D @googlemaps/typescript-guards
نسخه NPM برای @googlemaps/typescript-guardsدانلود NPM برای @googlemaps/typescript-guards ستاره های GitHub Repoفعالیت متعهد GitHub (شعبه)چنگال های GitHub نشان سرور Discord

با استفاده از React

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

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

اجزا و قلاب‌هایی برای ادغام Maps JavaScript API در برنامه‌های React. 

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

یک مؤلفه wrapper برای بارگیری آشکار Maps JavaScript API. 

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

گسترش نشانگرها و روکش ها

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

خوشه نشانگر

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

npm i @googlemaps/markerclusterer
نسخه NPM برای @googlemaps/markerclustererدانلودهای NPM برای @googlemaps/markerclusterer ستاره های GitHub Repoفعالیت متعهد GitHub (شعبه)چنگال های GitHub نشان سرور Discord
مدیر نشانگر

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

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

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

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

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

npm i @googlemaps/markerwithlabel
نسخه NPM برای @googlemaps/markerwithlabelدانلودهای NPM برای @googlemaps/markerwithlabel ستاره های GitHub Repoفعالیت متعهد GitHub (شعبه)چنگال های GitHub نشان سرور Discord
پوشش های Three.js

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

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

از Deck.gl به عنوان یک پوشش سفارشی Google Maps استفاده کنید. 

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

تست و پرده زدن

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

پلاگین ESLint

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

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

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

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

کتابخانه های 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 ستاره های GitHub Repoفعالیت متعهد GitHub (شعبه)چنگال های GitHub نشان سرور Discord
رمزگذاری چند خطی

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

npm i @googlemaps/polyline-codec
نسخه NPM برای @googlemaps/polyline-codecدانلودهای NPM برای @googlemaps/polyline-codec ستاره های GitHub Repoفعالیت متعهد GitHub (شعبه)چنگال های GitHub نشان سرور Discord
امضای URL

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

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