Bibliotecas de código aberto

Muitas bibliotecas de código aberto disponíveis oferecem mais funcionalidades para a API Maps JavaScript. As versões dessas bibliotecas são criadas no GitHub e publicadas no NPM.

Componentes da Web

Use os componentes da Web da API Maps JavaScript para adicionar rapidamente a funcionalidade de mapa aos seus sites. Os componentes da Web combinam código boilerplate, práticas recomendadas e design responsivo, transformando as interfaces de mapas complexas em um único elemento HTML.

A biblioteca Extended Component da Plataforma Google Maps é um conjunto de componentes da Web que ajuda os desenvolvedores a criar mapas melhores com mais rapidez e menos esforço.

npm i @googlemaps/extended-component-library

Carregar a API

Aplicativos modernos da Web podem usar as seguintes bibliotecas para carregar a API Maps JavaScript.

Carrega dinamicamente a API Maps JavaScript com promessas.

npm i @googlemaps/js-api-loader

Usar o TypeScript

Os usuários do TypeScript podem começar com os pacotes a seguir. Consulte o guia do TypeScript para mais informações.

Tipos do TypeScript para a API Maps JavaScript

npm i -D @types/google.maps

Guards do TypeScript para restringir os tipos de uniões.

npm i -D @googlemaps/typescript-guards

Usar o React

Os usuários do React podem começar com os seguintes pacotes.

Componentes e hooks para integrar a API Maps JavaScript nos aplicativos React.

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

Um componente wrapper para carregar de forma declarativa a API Maps JavaScript.

npm i @googlemaps/react-wrapper

Estender marcadores e sobreposições

As seguintes bibliotecas estendem classes como Marker e OverlayView.

Cria e gerencia clusters por nível de zoom para grandes quantidades de marcadores.

npm i @googlemaps/markerclusterer

Adiciona e remove marcadores com base nas mudanças da janela de visualização do mapa.

npm i @googlemaps/markermanager

Adiciona camadas do Open Geospace Consortium (OGC), como um serviço de mapeamento da Web (WMS), a um mapa.

npm i @googlemaps/ogc

Adiciona marcadores HTML personalizados a marcadores.

npm i @googlemaps/markerwithlabel

Usam WebGL e three.JS para visualizações de alta performance.

npm i @googlemaps/three

Usam o Deck.gl como uma sobreposição personalizada do Google Maps.

npm i @deck.gl/google-maps

Testes e inspeções

Use estas bibliotecas para seguir as práticas recomendadas e facilitar os testes da API Maps JavaScript.

Usa regras ESLint personalizadas para inspecionar o código.

npm i -D eslint-plugin-googlemaps

Simulações para uso com a biblioteca de testes do Jest.

npm i -D @googlemaps/jest-mocks

Bibliotecas Node.js

Biblioteca de cliente Node.js para fazer chamadas de funções da nuvem ou de um código do lado do servidor.

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

Codifica e decodifica polilinhas no Node.js.

npm i @googlemaps/polyline-codec

Assina URLs no Node.js para ter mais segurança.

npm i @googlemaps/url-signature