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
Versão do NPM para @googlemaps/extended-component-library Downloads do NPM para @googlemaps/extended-component-library Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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
Versão do NPM para @googlemaps/js-api-loader Downloads do NPM para @googlemaps/js-api-loader Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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
Versão do NPM para @types/google.maps Downloads do NPM para @types/google.maps Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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

npm i -D @googlemaps/typescript-guards
Versão do NPM para @googlemaps/typescript-guards Downloads do NPM para @googlemaps/typescript-guards Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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
Versão do NPM para @vis.gl/react-google-maps Downloads do NPM para @vis.gl/react-google-maps Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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

npm i @googlemaps/react-wrapper
Versão do NPM para @googlemaps/react-wrapper Downloads do NPM para @googlemaps/react-wrapper Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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
Versão do NPM para @googlemaps/markerclusterer Downloads do NPM para @googlemaps/markerclusterer Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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

npm i @googlemaps/markermanager
Versão do NPM para @googlemaps/markermanager Downloads do NPM para @googlemaps/markermanager Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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

npm i @googlemaps/ogc
Versão do NPM para @googlemaps/ogc Downloads do NPM para @googlemaps/ogc Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

Adiciona marcadores HTML personalizados a marcadores.

npm i @googlemaps/markerwithlabel
Versão do NPM para @googlemaps/markerwithlabel Downloads do NPM para @googlemaps/markerwithlabel Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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

npm i @googlemaps/three
Versão do NPM para @googlemaps/three Downloads do NPM para @googlemaps/three Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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

npm i @deck.gl/google-maps
Versão do NPM para @deck.gl/google-maps Downloads do NPM para @deck.gl/google-maps Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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
Versão do NPM para eslint-plugin-googlemaps Downloads do NPM para eslint-plugin-googlemaps Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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

npm i -D @googlemaps/jest-mocks
Versão do NPM para @googlemaps/jest-mocks Downloads do NPM para @googlemaps/jest-mocks Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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
Versão do NPM para @googlemaps/google-maps-services-js Downloads do NPM para @googlemaps/google-maps-services-js Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

Codifica e decodifica polilinhas no Node.js.

npm i @googlemaps/polyline-codec
Versão do NPM para @googlemaps/polyline-codec Downloads do NPM para @googlemaps/polyline-codec Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord

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

npm i @googlemaps/url-signature
Versão do NPM para @googlemaps/url-signature Downloads do NPM para @googlemaps/url-signature Estrelas do repositório do GitHub Atividade de confirmação do GitHub (ramificação) Bifurcações do GitHub Selo do servidor do Discord