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);