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

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

عناصر وب

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

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

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 را به‌طور پویا با «وعده‌ها» بار کنید.

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 برای محدود کردن انواع اتحاد.

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 JavaScript API.

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» را آسان‌تر کنید.

از قوانین سفارشی 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