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

Memuat API

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

Secara dinamis memuat Maps JavaScript API dengan Promise.

npm i @googlemaps/js-api-loader

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

Pelindung TypeScript untuk menyempitkan jenis union.

npm i -D @googlemaps/typescript-guards

Menggunakan React

Pengguna React dapat memulai dengan paket berikut.

Komponen wrapper untuk memuat Maps JavaScript API secara deklaratif.

npm i @googlemaps/react-wrapper

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

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

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

Menambahkan dan menghapus penanda berdasarkan perubahan area pandang peta.

npm i @googlemaps/markermanager

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

npm i @googlemaps/ogc

Menambahkan label HTML kustom ke penanda.

npm i @googlemaps/markerwithlabel

Gunakan WebGL dan ThreeJS untuk visualisasi performa tinggi.

npm i @googlemaps/three

Gunakan Deck.gl sebagai overlay Google Maps kustom.

npm i @deck.gl/google-maps

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

Simulasi untuk digunakan bersama library pengujian Jest.

npm i -D @googlemaps/jest-mocks

Library Node.js

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

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

Melakukan enkode dan dekode pada polyline di Node.js.

npm i @googlemaps/polyline-codec

Tanda tangani URL di Node.js untuk meningkatkan keamanan.

npm i @googlemaps/url-signature