Koleksi open source

Banyak library open source tersedia untuk memberikan kemampuan tambahan bagi Maps JavaScript API. Library ini diberi versi di GitHub dan dipublikasikan ke NPM.

Komponen Web

Menggunakan Komponen Web Maps JavaScript API untuk menambahkan fungsi peta ke situs Anda dengan cepat. Komponen Web tersedia dengan menghadirkan kode boilerplate, praktik terbaik, dan desain responsif, menyederhanakan UI peta yang kompleks menjadi seperti satu elemen HTML saja.

Library Komponen yang Diperluas di Google Maps Platform adalah sekumpulan Komponen Web yang membantu developer membuat peta yang lebih baik dengan lebih cepat dan lebih mudah.

npm i @googlemaps/extended-component-library
Versi NPM untuk @googlemaps/extended-component-library Jumlah download NPM untuk @googlemaps/extended-component-library Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Memuat API

Aplikasi web modern dapat menggunakan library berikut untuk memuat Maps JavaScript API.

Memuat Maps JavaScript API secara dinamis dengan Promise.

npm i @googlemaps/js-api-loader
Versi NPM untuk @googlemaps/js-api-loader Jumlah download NPM untuk @googlemaps/js-api-loader Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Menggunakan TypeScript

Pengguna TypeScript dapat memulai dengan paket berikut. Lihat panduan menggunakan TypeScript untuk informasi tambahan.

Jenis TypeScript untuk Maps JavaScript API

npm i -D @types/google.maps
Versi NPM untuk @types/google.maps Jumlah download NPM untuk @types/google.maps Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

TypeScript guard untuk menyempitkan jenis union.

npm i -D @googlemaps/typescript-guards
Versi NPM untuk @googlemaps/typescript-guards Jumlah download NPM untuk @googlemaps/typescript-guards Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Menggunakan React

Pengguna React dapat memulai dengan paket berikut.

Komponen dan hook untuk mengintegrasikan Maps JavaScript API ke dalam aplikasi React.

npm i -D @vis.gl/react-google-maps
Versi NPM untuk @vis.gl/react-google-maps Jumlah download NPM untuk @vis.gl/react-google-maps Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Komponen wrapper untuk memuat Maps JavaScript API secara deklaratif.

npm i @googlemaps/react-wrapper
Versi NPM untuk @googlemaps/react-wrapper Jumlah download NPM untuk @googlemaps/react-wrapper Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Memperluas penanda dan overlay

Library berikut memperluas class seperti Marker dan OverlayView.

Membuat dan mengelola pengelompok per tingkat zoom untuk penanda dalam jumlah besar.

npm i @googlemaps/markerclusterer
Versi NPM untuk @googlemaps/Markerclusterer Jumlah download NPM untuk @googlemaps/Markerclusterer Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Menambahkan dan menghapus penanda berdasarkan perubahan area tampilan peta.

npm i @googlemaps/markermanager
Versi NPM untuk @googlemaps/markermanager Jumlah download NPM untuk @googlemaps/markermanager Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Menambahkan lapisan Open Geospatial Consortium (OGC) seperti Layanan Pemetaan di Web (WMS) ke peta.

npm i @googlemaps/ogc
Versi NPM untuk @googlemaps/ogc Jumlah download NPM untuk @googlemaps/ogc Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Menambahkan label HTML kustom ke penanda.

npm i @googlemaps/markerwithlabel
Versi NPM untuk @googlemaps/markerwithlabel Jumlah download NPM untuk @googlemaps/markerwithlabel Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Gunakan WebGL dan ThreeJS untuk visualisasi berperforma tinggi.

npm i @googlemaps/three
Versi NPM untuk @googlemaps/three Jumlah download NPM untuk @googlemaps/three Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Gunakan Deck.gl sebagai overlay Google Maps kustom.

npm i @deck.gl/google-maps
Versi NPM untuk @deck.gl/google-maps Jumlah download NPM untuk @deck.gl/google-maps Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Pengujian dan analisis lint

Gunakan library ini untuk memastikan praktik terbaik dan mempermudah pengujian Maps JavaScript API.

Gunakan aturan ESLint kustom untuk melakukan analisis lint pada kode Anda.

npm i -D eslint-plugin-googlemaps
Versi NPM untuk eslint-plugin-googlemaps Jumlah download NPM untuk eslint-plugin-googlemaps Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Simulasi untuk digunakan bersama library pengujian Jest.

npm i -D @googlemaps/jest-mocks
Versi NPM untuk @googlemaps/jest-mocks Jumlah download NPM untuk @googlemaps/jest-mocks Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Library Node.js

Library klien Node.js untuk melakukan panggilan dari fungsi cloud atau kode sisi server.

npm i @googlemaps/google-maps-services-js
Versi NPM untuk @googlemaps/google-maps-services-js Jumlah download NPM untuk @googlemaps/google-maps-services-js Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Melakukan enkode dan dekode pada polyline di Node.js.

npm i @googlemaps/polyline-codec
Versi NPM untuk @googlemaps/polyline-codec Jumlah download NPM untuk @googlemaps/polyline-codec Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord

Tanda tangani URL di Node.js untuk meningkatkan keamanan.

npm i @googlemaps/url-signature
Versi NPM untuk @googlemaps/url-signature Jumlah download NPM untuk @googlemaps/url-signature Bintang GitHub Repo Aktivitas commit GitHub (cabang) Fork GitHub Badge server Discord