Camadas de trânsito, transporte público e bicicleta

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

As camadas de trânsito, transporte público e bicicleta modificam a camada do mapa básico para exibir as condições atuais do trânsito, redes locais de transporte público ou informações sobre rotas de bicicleta. Essas camadas estão disponíveis em regiões selecionadas.

Camada de trânsito

Com a API Maps JavaScript, você pode adicionar informações de trânsito em tempo real (quando compatível) aos seus mapas usando o objeto TrafficLayer. As informações de trânsito são atualizadas com frequência, mas não instantaneamente. É pouco provável que solicitações consecutivas rápidas para a mesma área produzam 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 exemplo

Testar amostra

Camada de transporte público

Com a API Maps JavaScript, você pode exibir a rede de transporte público de uma cidade no seu mapa usando o objeto TransitLayer. Quando a camada de transporte público está ativada e o mapa está centralizado em uma cidade compatível com informações de transporte público, o mapa exibe as principais linhas de transporte público como linhas coloridas. A cor da linha é definida com base nas informações do operador de linha de transporte público. Ativar a camada de transporte público altera o estilo do mapa básico para enfatizar melhor as rotas de transporte público.

As informações de transporte público somente estão disponíveis em algumas localizações. Para ver uma lista de cidades em que informações de transporte público estão disponíveis no momento, consulte esta lista.

Se você faz parte de um órgão público que supervisiona o transporte público na sua cidade e quer que seus dados sejam incluídos, acesse o site do Programa de parceiros para informações de transporte público do Google para saber mais.

O exemplo abaixo mostra uma camada de transporte público ativada em um mapa de Londres, Reino Unido:

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 exemplo

Testar amostra

Camada de bicicleta

A API Maps JavaScript permite adicionar informações de bicicleta aos mapas usando o objeto BicyclingLayer. A BicyclingLayer renderiza uma camada de caminhos de bicicleta, trajetos de bicicleta sugeridos e outras sobreposições específicas para o uso de bicicletas sobre o mapa especificado. Além disso, a camada altera o estilo do mapa básico para enfatizar as ruas que suportam trajetos de bicicleta e eliminar as ruas inadequadas para bicicletas.

O exemplo a seguir mostra a camada de bicicleta ativada em um mapa de Cambridge, Massachusetts:

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 exemplo

Testar amostra

As rotas em verde escuro indicam rotas de bicicleta dedicadas. Os trajetos arborizados indicam as ruas com "faixas para bicicletas" e as faixas tracejadas indicam ruas ou caminhos recomendados para o uso de bicicletas.