Vous êtes prêt !

Pour passer à l'étape de développement, accédez à notre documentation pour les développeurs.

Activer Google Maps JavaScript API

Pour commencer, nous allons vous guider à travers la console Google Developers et effectuer deux ou trois petites choses :

  1. Créer ou sélectionner un projet
  2. Activer Google Maps JavaScript API et les services connexes
  3. Créer les clés appropriées
Continuer

Calques

Les calques sont des objets ajoutés sur une carte. Composés d'un ou de plusieurs éléments séparés, ils sont toutefois manipulés en tant qu'élément unique. Les calques représentent généralement des collections d'objets que vous ajoutez au-dessus d'une carte pour désigner des associations communes. Google Maps JavaScript API gère la présentation des objets au sein des calques en effectuant le rendu des éléments qui les composent dans un objet unique (généralement une superposition de tuiles) et en les faisant apparaître à mesure que la fenêtre d'affichage de la carte est modifiée. Les calques peuvent également altérer la disposition de présentation de la carte elle-même, en modifiant légèrement les tuiles de base de manière conforme au calque. Notez que par nature, la plupart des calques ne sont pas accessibles via leurs objets individuels. Ils ne peuvent être manipulés qu'en tant qu'unités.

Présentation des calques

Google Maps JavaScript API propose plusieurs types de calques :

  • Le calque Google Maps Data fournit un conteneur pour les données géospatiales arbitraires. Vous pouvez utiliser le calque Data pour stocker des données personnalisées ou pour afficher des données GeoJSON sur une carte Google.
  • Le calque Fusion Tables effectue le rendu des données contenues dans les tableaux Google Fusion Tables.
  • Le calque Heatmap effectue le rendu de données géographiques au moyen d'une carte thermique.
  • Le calque KML effectue le rendu d'éléments KML et GeoRSS dans une superposition de tuiles Google Maps JavaScript API.
  • Le calque Traffic affiche les conditions de circulation sur une carte.
  • Le calque Transit affiche le réseau de transports publics de votre ville sur une carte.
  • L'objet de calque Bicycling effectue le rendu des pistes cyclables et/ou de superpositions spécifiques aux vélos dans un calque standard. Ce calque est renvoyé par défaut dans DirectionsRenderer lors des demandes d'itinéraires pour le mode de transport BICYCLING.

Ajouter un calque

Pour ajouter un calque à une carte, il vous suffit d'appeler la méthode setMap() et de lui transmettre l'objet de carte sur lequel afficher le calque. De même, pour masquer un calque, appelez la méthode setMap() en spécifiant la valeur null.

Le fragment ci-dessous centre la carte sur Londres, au Royaume-Uni, et ajoute le calque Transit.

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

Envoyer des commentaires concernant…

Google Maps JavaScript API
Google Maps JavaScript API
Besoin d'aide ? Consultez notre page d'assistance.