Capas

Selecciona la plataforma: Android JavaScript

Las capas son objetos del mapa que constan de uno o más elementos separados, pero que se manipulan como una sola unidad. Las capas generalmente reflejan colecciones de objetos que puedes agregar sobre el mapa para designar una asociación común. La API de Maps JavaScript administra la presentación de objetos en las capas. Para ello, renderiza los elementos que conforman un objeto (por lo general, una superposición de mosaicos) y los muestra a medida que cambia el viewport del mapa. Las capas también pueden modificar la capa de presentación del propio mapa, lo que altera ligeramente los mosaicos básicos de una manera coherente con la capa. Ten en cuenta que, por su diseño, no es posible acceder a la mayoría de las capas a través de sus objetos individuales, y que solo se las puede manipular como una unidad.

Descripción general de las capas

La API de Maps JavaScript tiene varios tipos de capas:

  • La capa de datos de Google Maps proporciona un contenedor para datos geoespaciales arbitrarios. Puedes usar la capa de datos para almacenar tus datos personalizados o para mostrar datos de GeoJSON en un mapa de Google Maps.
  • La capa de mapa de calor renderiza datos geográficos con una visualización de mapa de calor.
  • La capa KML renderiza los elementos KML y GeoRSS en una superposición de mosaicos de la API de Maps JavaScript.
  • La capa de tráfico muestra las condiciones del tráfico en el mapa.
  • La capa de transporte público muestra la red de transporte público de tu ciudad en el mapa.
  • La capa de rutas para bicicletas renderiza una capa de ciclovías o superposiciones específicas de bicicletas en una capa común. Esta capa se muestra de forma predeterminada en DirectionsRenderer cuando solicitas instrucciones sobre cómo llegar EN BICICLETA.

Cómo agregar una capa

Para agregar una capa a un mapa, solo debes llamar a setMap() y pasarle el objeto de mapa en el que se debe mostrar la capa. Del mismo modo, para ocultar una capa, llama a setMap() y pasa null.

El siguiente fragmento centra el mapa en Londres, Reino Unido, y agrega la capa 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);