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

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

اجزای وب

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

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

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

npm i @googlemaps/extended-component-library

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

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

بارگذار API JS

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

npm i @googlemaps/js-api-loader

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

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

انواع TypeScript

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

npm i -D @types/google.maps

محافظ های TypeScript

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

npm i -D @googlemaps/typescript-guards

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

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

بسته بندی واکنش

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

npm i @googlemaps/react-wrapper

اجزای واکنش (آلفا)

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

npm i -D @vis.gl/react-google-maps

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

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

خوشه نشانگر

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

npm i @googlemaps/markerclusterer

مدیر نشانگر

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

npm i @googlemaps/markermanager

سرویس نقشه وب (WMS)

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

npm i @googlemaps/ogc

برچسب های نشانگر

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

npm i @googlemaps/markerwithlabel

پوشش های Three.js

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

npm i @googlemaps/three

پوشش های Deck.gl

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

npm i @deck.gl/google-maps

تست و پرده زدن

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

پلاگین ESLint

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

npm i -D eslint-plugin-googlemaps

شوخی مسخره می کند

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

npm i -D @googlemaps/jest-mocks

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

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

کتابخانه مشتری Node.js

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

npm i @googlemaps/google-maps-services-js

رمزگذاری چند خطی

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

npm i @googlemaps/polyline-codec

امضای URL

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

npm i @googlemaps/url-signature