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

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

اجزای وب

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

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

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

درحال بار کردن میانای برنامه‌سازی کاربردی

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

بار کردن پویای Maps JavaScript API با Promises.

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

استفاده از TypeScript

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

TypeScript types for Maps JavaScript API

npm i -D @types/google.maps
نسخه NPM برای types/google.maps@ بارگیری‌های NPM برای types/google.maps@ ستاره‌های مخزن GitHub فعالیت ثبت GitHub (شاخه) انشعاب‌های GitHub نشان سرور Discord

TypeScript guards to narrow union types.

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

استفاده از React

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

عناصر و قلاب‌ها برای ادغام کردن میانای برنامه‌سازی کاربردی جاوا اسکریپت در Maps در برنامه‌های React.

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

یک عنصر پوشاننده برای بار کردن اعلانی میانای برنامه‌سازی کاربردی جاوا اسکریپت در Maps.

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

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

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

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

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

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

npm i @googlemaps/markermanager
نسخه NPM برای @googlemaps/markermanager بارگیری‌های NPM برای ‎ @googlemaps/markermanager ستاره‌های مخزن GitHub فعالیت ثبت GitHub (شاخه) انشعاب‌های GitHub نشان سرور Discord

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

npm i @googlemaps/ogc
نسخه NPM برای ‎ @googlemaps/ogc بارگیری‌های NPM برای ‎ @googlemaps/ogc ستاره‌های مخزن GitHub فعالیت ثبت GitHub (شاخه) انشعاب‌های GitHub نشان سرور Discord

افزودن برچسب‌های HTML سفارشی به نشانگرها.

npm i @googlemaps/markerwithlabel
نسخه NPM برای @googlemaps/markerwithlabel بارگیری‌های NPM برای @googlemaps/markerwithlabel ستاره‌های مخزن GitHub فعالیت ثبت GitHub (شاخه) انشعاب‌های GitHub نشان سرور Discord

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

npm i @googlemaps/three
نسخه NPM برای ‎ @googlemaps/three بارگیری‌های NPM برای googlemaps/three@ ستاره‌های مخزن GitHub فعالیت ثبت GitHub (شاخه) انشعاب‌های GitHub نشان سرور Discord

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

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

آزمایش و بررسی کد

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

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

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

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

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

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

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

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

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

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

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

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