Infos trafic, transports en commun et itinéraires à vélo

Restez organisé à l'aide des collections Enregistrez et classez les contenus selon vos préférences.

Les calques "Trafic", "Transports en commun" et "À vélo" modifient le calque de la carte de base pour afficher les conditions de circulation actuelles, les réseaux de transports en commun locaux ou les informations relatives aux itinéraires à vélo. Ces calques sont disponibles dans certaines régions.

Calque Trafic

L'API Maps JavaScript vous permet d'ajouter des informations de trafic en temps réel (si elles sont compatibles) à vos cartes à l'aide de l'objet TrafficLayer. Les informations sur le trafic sont actualisées fréquemment, mais pas instantanément. Il est peu probable que les requêtes rapides conjointes pour la même zone produisent des résultats différents.

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;
Voir un exemple

Essayer l'exemple

Calque Transit

L'API Maps JavaScript vous permet d'afficher le réseau de transports en commun d'une ville sur votre carte à l'aide de l'objet TransitLayer. Lorsque le calque des transports en commun est activé et que la carte est centrée sur une ville qui accepte les informations sur les transports en commun, elle affiche les principales lignes de transports en commun sous la forme de lignes colorées et épaisses. La couleur de la ligne est définie en fonction des informations fournies par l'opérateur de ligne. Si vous activez le calque de Google Transports en commun, le style de la carte de base sera modifié pour mieux mettre en valeur les itinéraires en transports en commun.

Les informations sur les transports en commun sont disponibles pour certains lieux seulement. Pour obtenir la liste des villes dans lesquelles des informations sur les transports en commun sont actuellement disponibles, consultez cette liste.

Si vous représentez un organisme public qui supervise les transports en commun de votre ville et que vous souhaitez inclure vos données, consultez le site du Programme Partenaires Google Transports en commun pour en savoir plus.

L'exemple suivant montre le calque Transit activé sur une carte de Londres, au Royaume-Uni.

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;
Voir un exemple

Essayer l'exemple

Calque Bicycling

L'API Maps JavaScript vous permet d'ajouter des informations sur le vélo à vos cartes à l'aide de l'objet BicyclingLayer. BicyclingLayer affiche une couche de pistes cyclables, de suggestions d'itinéraires à vélo et d'autres superpositions spécifiques à l'utilisation des vélos au-dessus de la carte donnée. De plus, le calque modifie le style de la carte de base pour mettre en avant les rues où les pistes cyclables sont autorisées et pour éviter de les mettre en valeur.

L'exemple suivant montre le calque "Bike" activé sur une carte 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;
Voir un exemple

Essayer l'exemple

Les itinéraires en vert foncé indiquent des voies réservées aux vélos. Les itinéraires en vert clair indiquent les rues dotées de pistes cyclables. Les itinéraires en pointillés indiquent les rues ou les chemins recommandés pour le vélo.