Pronto!

Para começar a desenvolver, acesse nossa documentação do desenvolvedor.

Ativar a Google Maps JavaScript API

Para começar, orientaremos você pelo Console do Desenvolvedor do Google para realizar algumas atividades:

  1. Criar ou selecionar um projeto
  2. Ativar a Google Maps JavaScript API e serviços relacionados
  3. Criar chaves apropriadas
Continuar

Camadas

Camadas são objetos no mapa que consistem em um ou mais itens separados, mas são manipulados como uma única unidade. As camadas geralmente refletem coleções de objetos adicionadas sobre o mapa para designar uma associação comum. A Google Maps JavaScript API administra a apresentação de objetos em camadas renderizando os itens envolvidos em um único objeto (normalmente, uma sobreposição de blocos) e exibindo-os à medida que a janela de visualização do mapa é alterada. As camadas também podem alterar a camada de apresentação do próprio mapa, alterando levemente os blocos básicos de forma consistente com a camada. Observe que, por projeto, não é possível acessar a maioria das camadas usando os objetos individuais; elas podem ser manipuladas apenas como uma unidade.

Visão geral das camadas

A Google Maps JavaScript API tem vários tipos de camadas:

  • A camada de dados do Google Maps oferece um contêiner para dados geoespaciais arbitrários. Use a camada de dados para armazenar dados personalizados ou exibir dados GeoJSON em um mapa do Google Maps.
  • A camada de Fusion Tables renderiza dados contidos em Google Fusion Tables.
  • A camada de mapa de calor renderiza dados geográficos usando uma visualização de mapa de calor.
  • A camada KML renderiza elementos KML e GeoRSS em uma sobreposição de blocos da Google Maps JavaScript API.
  • A camada de trânsito exibe as condições do trânsito no mapa.
  • A camada de transporte público exibe a rede de transporte público da sua cidade no mapa.
  • O objeto da camada de bicicleta renderiza uma camada de ciclovias e/ou sobreposições específicas de bicicleta em uma camada comum. Por padrão, essa camada é retornada em DirectionsRenderer para solicitações de rotas com o modo de transporte BICYCLING.

Adicionar uma camada

Para adicionar uma camada a um mapa, basta chamar setMap() passando o objeto do mapa para exibição da camada. De forma semelhante, para ocultar uma camada, chame setMap() passando null.

O fragmento abaixo centraliza o mapa em Londres, Reino Unido, e adiciona a camada de transporte público.

var mapOptions = {
  zoom: 13,
  center: new google.maps.LatLng(51.5,-0.11)
}

var map = new google.maps.Map(document.getElementById("map"), mapOptions);

var transitLayer = new google.maps.TransitLayer();
transitLayer.setMap(map);

Enviar comentários sobre…

Google Maps JavaScript API
Google Maps JavaScript API
Precisa de ajuda? Acesse nossa página de suporte.