Capas de tráfico, transporte público y rutas en bicicleta

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

Las capas de tráfico, transporte público y bicicleta modifican la capa del mapa base para mostrar las condiciones de tráfico actuales, las redes de transporte público locales o la información de rutas en bicicleta. Estas capas están disponibles en regiones específicas.

Capa de tráfico

La API de Maps JavaScript te permite agregar información del tráfico en tiempo real (cuando sea compatible) a tus mapas con el objeto TrafficLayer. La información del tráfico se actualiza con frecuencia, pero no al instante. Es poco probable que las solicitudes consecutivas rápidas para la misma área generen resultados diferentes.

TypeScript

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 13,
      center: { lat: 34.04924594193164, lng: -118.24104309082031 },
    }
  );

  const trafficLayer = new google.maps.TrafficLayer();

  trafficLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;

JavaScript

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 13,
    center: { lat: 34.04924594193164, lng: -118.24104309082031 },
  });
  const trafficLayer = new google.maps.TrafficLayer();

  trafficLayer.setMap(map);
}

window.initMap = initMap;
Ver ejemplo

Probar la muestra

Capa de tránsito

La API de Maps JavaScript te permite mostrar la red de transporte público de una ciudad en tu mapa con el objeto TransitLayer. Cuando la capa de tránsito está habilitada, y el mapa se centra en una ciudad que admite información de transporte, se mostrarán las líneas de transporte público principales en líneas gruesas y de color. El color de la línea se establece en función de la información del operador de línea de transporte público. Si habilitas la capa de tránsito, se modificará el estilo del mapa base para destacar mejor las rutas de transporte público.

Solo hay disponible información sobre transportes en ubicaciones seleccionadas. Para ver una lista de las ciudades en las que la información de transporte público está disponible actualmente, consulta esta lista.

Si representas a una agencia pública que supervisa el transporte público de tu ciudad y deseas que se incluyan tus datos, visita el sitio del Programa de socios de Google Transit para obtener más información.

En el ejemplo siguiente se muestra la capa de transporte habilitado en un mapa de Londres, RU:

TypeScript

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 13,
      center: { lat: 51.501904, lng: -0.115871 },
    }
  );

  const transitLayer = new google.maps.TransitLayer();

  transitLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;

JavaScript

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 13,
    center: { lat: 51.501904, lng: -0.115871 },
  });
  const transitLayer = new google.maps.TransitLayer();

  transitLayer.setMap(map);
}

window.initMap = initMap;
Ver ejemplo

Probar la muestra

Capa de circulación en bicicleta

La API de Maps JavaScript te permite agregar información de bicicletas a tus mapas mediante el objeto BicyclingLayer. El objeto BicyclingLayer renderiza una capa de rutas para bicicletas, rutas de bicicletas sugeridas y otras superposiciones específicas del uso de bicicletas en la parte superior del mapa determinado. Además, la capa modifica el estilo del mapa base a fin de enfatizar las calles que admiten rutas para bicicletas y desenfatizar las calles que no son adecuadas para bicicletas.

En el siguiente ejemplo, se muestra la capa de bicicletas habilitada en un mapa de Cambridge, MA:

TypeScript

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 14,
      center: { lat: 42.3726399, lng: -71.1096528 },
    }
  );

  const bikeLayer = new google.maps.BicyclingLayer();

  bikeLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;

JavaScript

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 14,
    center: { lat: 42.3726399, lng: -71.1096528 },
  });
  const bikeLayer = new google.maps.BicyclingLayer();

  bikeLayer.setMap(map);
}

window.initMap = initMap;
Ver ejemplo

Probar la muestra

El color verde indican recorridos dedicados a la circulación en bicicleta. Las rutas de color verde claro indican calles con "carriles para bicicletas" dedicados. Las rutas discontinuas indican calles o caminos recomendados para el uso de bicicletas.