Cette page a été traduite par l'API Cloud Translation.

Maps

Classe Map

Classe google.maps.Map

Cette classe étend MVCObject.

Pour y accéder, appelez const {Map} = await google.maps.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Constructeur
`Map`	`Map(mapDiv[, opts])` Paramètres: `mapDiv`: `HTMLElement` La carte s'affiche pour remplir cet élément. `opts`: `MapOptions optional` options Crée une carte dans le conteneur HTML donné, qui est généralement un élément `DIV`.

Constantes
`DEMO_MAP_ID`	ID de carte, qui peut être utilisé pour les exemples de code nécessitant un ID de carte. Cet ID de carte n'est pas destiné à être utilisé dans des applications de production. Il ne peut pas être utilisé pour les fonctionnalités qui nécessitent une configuration cloud (par exemple, la personnalisation dans le cloud).

Propriétés
`controls`	Type:`Array<MVCArray<HTMLElement>>` Commandes supplémentaires à associer à la carte. Pour ajouter une commande à la carte, ajoutez son `<div>` au `MVCArray` correspondant à l'`ControlPosition` où elle doit être affichée.
`data`	Type:`Data` Instance de `Data`, liée à la carte. Ajoutez des éléments géographiques à cet objet `Data` pour les afficher facilement sur cette carte.
`mapTypes`	Type:`MapTypeRegistry` Registre d'instances `MapType` par ID de chaîne.
`overlayMapTypes`	Type:`MVCArray<MapType optional>` Types de carte supplémentaires à superposer. Les types de carte en superposition s'affichent au-dessus de la carte de base à laquelle ils sont rattachés, dans l'ordre dans lequel ils apparaissent dans le tableau `overlayMapTypes` (les superpositions avec des valeurs d'index plus élevées s'affichent devant les superpositions avec des valeurs d'index plus faibles).

Méthodes
`fitBounds`	`fitBounds(bounds[, padding])` Paramètres: `bounds`: `LatLngBounds\|LatLngBoundsLiteral` limites à afficher. `padding`: `number\|Padding optional` marge intérieure en pixels. Les limites s'adaptent à la partie restante de la carte après la suppression de la marge extérieure. Une valeur numérique donnera la même marge intérieure sur les quatre côtés. Indiquez 0 ici pour que le fitBounds soit idempotent au résultat de getBounds. Return Value (Valeur renvoyée) : aucune Définit la fenêtre d'affichage de sorte qu'elle contienne les limites spécifiées. Remarque:Lorsque la carte est définie sur `display: none`, la fonction `fitBounds` lit la taille de la carte comme 0x0 et n'effectue donc rien. Pour modifier la fenêtre d'affichage lorsque la carte est masquée, définissez la carte sur `visibility: hidden`, de sorte que son div de la carte ait une taille réelle. Pour les cartes vectorielles, cette méthode définit l'inclinaison et l'orientation de la carte sur leurs valeurs zéro par défaut. L'appel de cette méthode peut générer une animation fluide, car la carte se déplace et zoome pour respecter les limites. L'animation de cette méthode dépend d'une heuristique interne.
`getBounds`	`getBounds()` Paramètres:aucun Return Value (Valeur renvoyée) : `LatLngBounds\|undefined`. Les limites de latitude/longitude de la fenêtre d'affichage actuelle. Renvoie les limites de latitude/longitude de la fenêtre d'affichage actuelle. Si plusieurs copies du monde sont visibles, la longitude est comprise entre -180 et 180 degrés inclus. Si la carte n'est pas encore initialisée, ou si le centre et le zoom n'ont pas été définis, le résultat est `undefined`. Pour les cartes vectorielles dont l'inclinaison ou l'orientation sont différentes de zéro, les limites de latitude/longitude renvoyées représentent le plus petit cadre de délimitation comprenant la zone visible de la fenêtre d'affichage de la carte. Consultez `MapCanvasProjection.getVisibleRegion` pour obtenir la région visible exacte de la fenêtre d'affichage de la carte.
`getCenter`	`getCenter()` Paramètres:aucun Valeur renvoyée: `LatLng\|undefined` Renvoie la position affichée au centre de la carte. Notez que cet objet `LatLng` n'est pas encapsulé. Pour en savoir plus, consultez `LatLng`. Si le centre ou les limites n'ont pas été définis, le résultat est `undefined`.
`getClickableIcons`	`getClickableIcons()` Paramètres:aucun Valeur renvoyée: `boolean\|undefined` Renvoie la cliquabilité des icônes de carte. Une icône de carte représente un point d'intérêt (également appelé POI). Si la valeur renvoyée est `true`, vous pouvez cliquer sur les icônes de la carte.
`getDatasetFeatureLayer`	Avertissement:Disponible uniquement dans la version bêta. `getDatasetFeatureLayer(datasetId)` Paramètres: `datasetId`: `string` Valeur renvoyée: `FeatureLayer` Renvoie la valeur `FeatureLayer` pour l'élément `datasetId` spécifié. Les ID des ensembles de données doivent être configurés dans la console Google Cloud. Si l'ID d'ensemble de données n'est pas associé au style de carte de la carte ou si le style basé sur les données n'est pas disponible (pas d'ID de carte, de tuiles vectorielles, de calques d'éléments cartographiques basés sur les données ni d'ensembles de données configurés dans le style de carte), une erreur est consignée, et la valeur `FeatureLayer.isAvailable` obtenue est "false".
`getDiv`	`getDiv()` Paramètres:aucun Return Value (Valeur renvoyée) : `HTMLElement` mapDiv de la carte.
`getFeatureLayer`	`getFeatureLayer(featureType)` Paramètres: `featureType`: `FeatureType` Valeur renvoyée: `FeatureLayer` Renvoie l'`FeatureLayer` du `FeatureType` spécifique. Un `FeatureLayer` doit être activé dans la console Google Cloud. Si aucun `FeatureLayer` du `FeatureType` spécifié n'existe sur cette carte ou si le style basé sur les données n'est pas disponible (aucun ID de carte, aucune tuile vectorielle ni aucun `FeatureLayer` activé dans le style de carte), une erreur est consignée, et le `FeatureLayer.isAvailable` obtenu est "false".
`getHeading`	`getHeading()` Paramètres:aucun Valeur renvoyée: `number\|undefined` Renvoie l'orientation de la boussole de la carte. La valeur de cap est mesurée en degrés (dans le sens des aiguilles d'une montre) à partir du nord au sens cardinal. Si la carte n'est pas encore initialisée, le résultat est `undefined`.
`getMapCapabilities`	`getMapCapabilities()` Paramètres:aucun Valeur renvoyée: `MapCapabilities` Informe l'appelant des fonctionnalités actuellement disponibles sur la carte en fonction de l'ID de carte fourni.
`getMapTypeId`	`getMapTypeId()` Paramètres:aucun Valeur renvoyée: `MapTypeId\|string\|undefined`
`getProjection`	`getProjection()` Paramètres:aucun Valeur renvoyée: `Projection\|undefined` Renvoie la valeur `Projection` actuelle. Si la carte n'est pas encore initialisée, le résultat est `undefined`. Écoutez l'événement `projection_changed` et vérifiez sa valeur pour vous assurer qu'il ne s'agit pas de `undefined`.
`getRenderingType`	`getRenderingType()` Paramètres:aucun Valeur renvoyée: `RenderingType` Renvoie le RenderingType actuel de la carte.
`getStreetView`	`getStreetView()` Paramètres:aucun Return Value (Valeur renvoyée) : `StreetViewPanorama` (panorama lié à la carte). Renvoie le `StreetViewPanorama` par défaut lié à la carte, qui peut être un panorama par défaut intégré à la carte, ou le panorama défini à l'aide de `setStreetView()`. Les modifications apportées au `streetViewControl` de la carte sont reflétées dans l'affichage d'un tel panorama lié.
`getTilt`	`getTilt()` Paramètres:aucun Valeur renvoyée: `number\|undefined` Renvoie l'angle d'incidence actuel de la carte, en degrés, entre le plan de la fenêtre d'affichage et le plan de la carte. Pour les cartes matricielles, le résultat sera `0` pour les images prises directement au-dessus ou `45` pour les images à 45°. Cette méthode ne renvoie pas la valeur définie par `setTilt`. Pour en savoir plus, consultez `setTilt`.
`getZoom`	`getZoom()` Paramètres:aucun Valeur renvoyée: `number\|undefined` Renvoie le niveau de zoom de la carte. Si le zoom n'a pas été défini, le résultat est `undefined`.
`moveCamera`	`moveCamera(cameraOptions)` Paramètres: `cameraOptions`: `CameraOptions` Return Value (Valeur renvoyée) : aucune Définit immédiatement la caméra de la carte sur les options de caméra cible, sans animation.
`panBy`	`panBy(x, y)` Paramètres: `x`: `number` nombre de pixels pour déplacer la carte dans la direction x `y`: `number` nombre de pixels pour déplacer la carte dans la direction Y Return Value (Valeur renvoyée) : aucune Modifie le centre de la carte en fonction de la distance donnée en pixels. Si la distance est inférieure à la largeur et à la hauteur de la carte, la transition sera animée de façon fluide. Notez que le système de coordonnées cartographique augmente d'ouest en est (pour les valeurs x) et du nord au sud (pour les valeurs y).
`panTo`	`panTo(latLng)` Paramètres: `latLng` : `LatLng\|LatLngLiteral` : nouvelle latitude/longitude du centre de la carte. Return Value (Valeur renvoyée) : aucune Définit le centre de la carte sur la valeur `LatLng` donnée. Si la modification est inférieure à la largeur et à la hauteur de la carte, la transition sera animée de façon fluide.
`panToBounds`	`panToBounds(latLngBounds[, padding])` Paramètres: `latLngBounds`: `LatLngBounds\|LatLngBoundsLiteral` limites dans lesquelles effectuer le panoramique de la carte. `padding`: `number\|Padding optional` marge intérieure en pixels. Une valeur numérique donnera la même marge intérieure sur les quatre côtés. La valeur par défaut est 0. Return Value (Valeur renvoyée) : aucune Déplace la carte selon la valeur minimale nécessaire pour contenir le `LatLngBounds` donné. L'emplacement des limites sur la carte n'est pas garanti, mais la carte sera panoramique pour afficher le plus de limites possible dans `{currentMapSizeInPx} - {padding}`. Pour les cartes matricielles et vectorielles, le zoom, l'inclinaison et l'orientation de la carte ne sont pas modifiés.
`setCenter`	`setCenter(latlng)` Paramètres: `latlng`: `LatLng\|LatLngLiteral` Return Value (Valeur renvoyée) : aucune
`setClickableIcons`	`setClickableIcons(value)` Paramètres: `value`: `boolean` Return Value (Valeur renvoyée) : aucune Détermine si les icônes de la carte sont cliquables ou non. Une icône de carte représente un point d'intérêt (également appelé POI). Pour désactiver la cliquabilité des icônes de carte, transmettez la valeur `false` à cette méthode.
`setHeading`	`setHeading(heading)` Paramètres: `heading`: `number` Return Value (Valeur renvoyée) : aucune Définit l'orientation de la boussole pour la carte, mesurée en degrés à partir du nord. Pour les cartes matricielles, cette méthode ne s'applique qu'aux images aériennes.
`setMapTypeId`	`setMapTypeId(mapTypeId)` Paramètres: `mapTypeId`: `MapTypeId\|string` Return Value (Valeur renvoyée) : aucune
`setOptions`	`setOptions(options)` Paramètres: `options`: `MapOptions optional` Return Value (Valeur renvoyée) : aucune
`setStreetView`	`setStreetView(panorama)` Paramètres: `panorama`: `StreetViewPanorama optional` panorama à lier à la carte. Return Value (Valeur renvoyée) : aucune Lie un `StreetViewPanorama` à la carte. Ce panorama remplace le `StreetViewPanorama` par défaut, ce qui permet de lier la carte à un panorama externe en dehors de celle-ci. Définir le panorama sur `null` associe le panorama intégré par défaut à la carte.
`setTilt`	`setTilt(tilt)` Paramètres: `tilt`: `number` Return Value (Valeur renvoyée) : aucune Pour les cartes vectorielles, ce paramètre définit l'angle d'incidence de la carte. Les valeurs autorisées sont limitées en fonction du niveau de zoom de la carte. Pour les cartes matricielles, ce paramètre permet de contrôler le comportement de basculement automatique selon l'angle d'incidence de la carte. Les seules valeurs autorisées sont `0` et `45`. Avec `setTilt(0)`, la carte utilise toujours une vue aérienne de 0°, quels que soient le niveau de zoom et la fenêtre d'affichage. Avec `setTilt(45)`, l'angle d'inclinaison passe automatiquement à 45 chaque fois que des images à 45° sont disponibles pour le niveau de zoom et la fenêtre d'affichage actuels, et repasse à 0 lorsqu'aucune image à 45° n'est disponible (il s'agit du comportement par défaut). Les images à 45° ne sont disponibles que pour les types de carte `satellite` et `hybrid`, pour certains lieux et niveaux de zoom. Remarque:`getTilt` renvoie l'angle d'inclinaison actuel, et non la valeur définie par `setTilt`. Étant donné que `getTilt` et `setTilt` désignent des éléments différents, n'utilisez pas `bind()` la propriété `tilt`. Cela peut avoir des effets imprévisibles.
`setZoom`	`setZoom(zoom)` Paramètres: `zoom`: `number` Plus la valeur de zoom est élevée, plus la résolution est élevée. Return Value (Valeur renvoyée) : aucune Définit le niveau de zoom de la carte.
Hérité:`addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Événements
`bounds_changed`	`function()` Arguments:aucun Cet événement est déclenché lorsque les limites de la fenêtre d'affichage ont changé.
`center_changed`	`function()` Arguments:aucun Cet événement est déclenché lorsque la propriété "Centre de la carte" change.
`click`	`function(event)` Arguments: `event`: `MapMouseEvent\|IconMouseEvent` Cet événement est déclenché lorsque l'utilisateur clique sur la carte. Un MapMouseEvent avec les propriétés du lieu sur lequel l'utilisateur a cliqué est renvoyé, sauf si l'utilisateur clique sur une icône de lieu, auquel cas un IconMouseEvent avec un ID de lieu est renvoyé. IconMouseEvent et MapMouseEvent sont identiques, si ce n'est qu'IconMouseEvent comporte le champ d'ID de lieu. L'événement peut toujours être traité comme un MapMouseEvent lorsque l'identifiant de lieu n'est pas important. L'événement de clic n'est pas déclenché si l'utilisateur clique sur un repère ou une fenêtre d'informations.
`contextmenu`	`function(event)` Arguments: `event`: `MapMouseEvent` Cet événement se déclenche lorsque l'événement du menu contextuel DOM est déclenché sur le conteneur de la carte.
`dblclick`	`function(event)` Arguments: `event`: `MapMouseEvent` Cet événement est déclenché lorsque l'utilisateur double-clique sur la carte. Notez que l'événement de clic se déclenchera parfois une fois et parfois deux, juste avant celui-ci.
`drag`	`function()` Arguments:aucun Cet événement est déclenché plusieurs fois lorsque l'utilisateur fait glisser la carte.
`dragend`	`function()` Arguments:aucun Cet événement est déclenché lorsque l'utilisateur arrête de faire glisser la carte.
`dragstart`	`function()` Arguments:aucun Cet événement est déclenché lorsque l'utilisateur commence à faire glisser la carte.
`heading_changed`	`function()` Arguments:aucun Cet événement est déclenché lorsque la propriété de l'en-tête de la carte est modifiée.
`idle`	`function()` Arguments:aucun Cet événement est déclenché lorsque la carte devient inactive après un panoramique ou un zoom.
`isfractionalzoomenabled_changed`	`function()` Arguments:aucun Cet événement est déclenché lorsque la propriété isFractionalZoomEnabled a été modifiée.
`mapcapabilities_changed`	`function()` Arguments:aucun Cet événement est déclenché lorsque les fonctionnalités de la carte changent.
`maptypeid_changed`	`function()` Arguments:aucun Cet événement est déclenché lorsque la propriété mapTypeId est modifiée.
`mousemove`	`function(event)` Arguments: `event`: `MapMouseEvent` Cet événement est déclenché chaque fois que l'utilisateur passe la souris sur le conteneur de la carte.
`mouseout`	`function(event)` Arguments: `event`: `MapMouseEvent` Cet événement est déclenché lorsque le curseur de l'utilisateur quitte le conteneur de carte.
`mouseover`	`function(event)` Arguments: `event`: `MapMouseEvent` Cet événement est déclenché lorsque l'utilisateur passe la souris dans le conteneur de la carte.
`projection_changed`	`function()` Arguments:aucun Cet événement est déclenché lorsque la projection a été modifiée.
`renderingtype_changed`	`function()` Arguments:aucun Cet événement est déclenché lorsque le type de rendu a été modifié.
`tilesloaded`	`function()` Arguments:aucun Cet événement est déclenché lorsque le chargement des tuiles visibles est terminé.
`tilt_changed`	`function()` Arguments:aucun Cet événement est déclenché lorsque la propriété d'inclinaison de la carte est modifiée.
`zoom_changed`	`function()` Arguments:aucun Cet événement est déclenché lorsque la propriété de zoom de la carte est modifiée.
`rightclick`	Obsolète:utilisez plutôt l'événement `Map.contextmenu` pour accepter les modèles d'utilisation tels que le raccourci Ctrl-clic sur macOS. `function(event)` Arguments: `event`: `MapMouseEvent` Cet événement est déclenché lorsque l'utilisateur effectue un clic droit sur la carte.

Interface MapOptions

Interface google.maps.MapOptions

Objet MapOptions utilisé pour définir les propriétés pouvant être définies sur une carte.

Propriétés
`backgroundColor optional`	Type:`string optional` Couleur utilisée pour l'arrière-plan du div de la carte. Cette couleur s'affiche lorsque les tuiles n'ont pas encore été chargées lorsque l'utilisateur fait un panoramique. Cette option ne peut être définie que lorsque la carte est initialisée.
`center optional`	Type:`LatLng\|LatLngLiteral optional` Centre initial de la carte.
`clickableIcons optional`	Type:`boolean optional` Par défaut:`true` Lorsque la valeur est `false`, les icônes de carte ne sont pas cliquables. Une icône de carte représente un point d'intérêt (également appelé POI).
`controlSize optional`	Type:`number optional` Taille en pixels des commandes affichées sur la carte. Cette valeur doit être fournie directement lors de la création de l'objet Map. Si vous la modifiez ultérieurement, les commandes passeront peut-être à l'état `undefined`. Ne régit que les commandes effectuées par l'API Google Maps elle-même. Ne gère pas les commandes personnalisées créées par le développeur.
`disableDefaultUI optional`	Type:`boolean optional` Active/désactive tous les boutons de l'interface utilisateur par défaut. Peut être remplacé individuellement. Ne désactive pas les commandes au clavier, qui sont contrôlées séparément par l'option `MapOptions.keyboardShortcuts`. Ne désactive pas les commandes gestuelles, qui sont contrôlées séparément par l'option `MapOptions.gestureHandling`.
`disableDoubleClickZoom optional`	Type:`boolean optional` Active/désactive le zoom et le centre lors d'un double-clic. Activée par défaut. Remarque: Cette propriété n'est pas recommandée. Pour désactiver le zoom par double-clic, vous pouvez utiliser la propriété `gestureHandling` et la définir sur `"none"`.
`draggable optional`	Obsolète:obsolète depuis 2017. Pour désactiver la fonction de déplacement sur la carte, vous pouvez utiliser la propriété `gestureHandling` et la définir sur `"none"`. Type:`boolean optional` Si la valeur est `false`, empêche le déplacement de la carte. Le déplacement est activé par défaut.
`draggableCursor optional`	Type:`string optional` Nom ou URL du curseur à afficher lorsque l'utilisateur pointe sur une carte déplaçable. Cette propriété utilise l'attribut CSS `cursor` pour modifier l'icône. Comme pour la propriété CSS, vous devez spécifier au moins un curseur de remplacement qui n'est pas une URL. Exemple : `draggableCursor: 'url(http://www.example.com/icon.png), auto;'`.
`draggingCursor optional`	Type:`string optional` Nom ou URL du curseur à afficher lors du déplacement de la carte. Cette propriété utilise l'attribut CSS `cursor` pour modifier l'icône. Comme pour la propriété CSS, vous devez spécifier au moins un curseur de remplacement qui n'est pas une URL. Exemple : `draggingCursor: 'url(http://www.example.com/icon.png), auto;'`.
`fullscreenControl optional`	Type:`boolean optional` État activé/désactivé de la commande "Plein écran".
`fullscreenControlOptions optional`	Type:`FullscreenControlOptions optional` Options d'affichage de la commande "Plein écran"
`gestureHandling optional`	Type:`string optional` Ce paramètre contrôle la manière dont l'API gère les gestes sur la carte. Valeurs autorisées: `"cooperative"`: les événements de défilement et les gestes à un doigt font défiler la page, mais pas de zoom ni de panoramique. Gestes tactiles avec deux doigts pour faire un panoramique et un zoom sur la carte. Faites défiler les événements en appuyant sur la touche Ctrl ou ⌘ pour effectuer un zoom sur la carte. Dans ce mode, la carte coopère avec la page. `"greedy"`: tous les gestes tactiles et événements de défilement permettent de faire un panoramique ou de zoomer sur la carte. `"none"`: l'utilisateur ne peut pas effectuer de panoramique ni de zoom sur la carte. `"auto"` (par défaut) : la gestion des gestes est coopérative ou gourmande, selon que la page est à faire défiler ou dans un iFrame.
`heading optional`	Type:`number optional` Cap des images aériennes en degrés, mesuré dans le sens des aiguilles d'une montre à partir du nord, vers le nord. Les caps sont ancrés à l'angle disponible le plus proche pour lequel des images sont disponibles.
`isFractionalZoomEnabled optional`	Type:`boolean optional` Par défaut:`true` pour les cartes vectorielles et `false` pour les cartes matricielles Indique si la carte doit autoriser les niveaux de zoom fractionnaires. Écoutez `isfractionalzoomenabled_changed` pour savoir quand la valeur par défaut a été définie.
`keyboardShortcuts optional`	Type:`boolean optional` Si la valeur est `false`, la carte ne peut pas être contrôlée par le clavier. Les raccourcis clavier sont activés par défaut.
`mapId optional`	Type:`string optional` L'ID de carte de la carte. Ce paramètre ne peut pas être défini ni modifié après l'instanciation d'une carte.
`mapTypeControl optional`	Type:`boolean optional` État initial activé/désactivé de la commande de type de carte.
`mapTypeControlOptions optional`	Type:`MapTypeControlOptions optional` Options d'affichage initial de la commande de type de carte.
`mapTypeId optional`	Type:`MapTypeId\|string optional` MapTypeId initial. La valeur par défaut est `ROADMAP`.
`maxZoom optional`	Type:`number optional` Niveau de zoom maximal qui sera affiché sur la carte. Si cette valeur est omise ou définie sur `null`, le zoom maximal du type de carte actuel est utilisé à la place. Les valeurs de zoom valides sont des nombres compris entre zéro et le niveau de zoom maximal accepté.
`minZoom optional`	Type:`number optional` Niveau de zoom minimal qui sera affiché sur la carte. Si cette valeur est omise ou définie sur `null`, c'est le niveau de zoom minimal du type de carte actuel qui est utilisé. Les valeurs de zoom valides sont des nombres compris entre zéro et le niveau de zoom maximal accepté.
`noClear optional`	Type:`boolean optional` Si la valeur est `true`, n'effacez pas le contenu du div "map".
`panControl optional`	Obsolète:la commande "Panoramique" est obsolète depuis septembre 2015. Type:`boolean optional` État activé/désactivé de la commande panoramique.
`panControlOptions optional`	Obsolète:la commande "Panoramique" est obsolète depuis septembre 2015. Type:`PanControlOptions optional` Options d'affichage de la commande de panoramique.
`restriction optional`	Type:`MapRestriction optional` Définit une limite restreignant la zone de la carte accessible aux utilisateurs. Lorsque cette option est définie, l'utilisateur ne peut faire des panoramiques et des zooms que si la vue de la caméra reste dans les limites des limites.
`rotateControl optional`	Type:`boolean optional` État activé/désactivé de la commande de rotation.
`rotateControlOptions optional`	Type:`RotateControlOptions optional` Options d'affichage de la commande de rotation.
`scaleControl optional`	Type:`boolean optional` État initial activé/désactivé de la commande de mise à l'échelle.
`scaleControlOptions optional`	Type:`ScaleControlOptions optional` Options d'affichage initial de la commande de mise à l'échelle.
`scrollwheel optional`	Type:`boolean optional` Si la valeur est `false`, désactive le zoom sur la carte à l'aide de la molette de la souris. La molette est activée par défaut. Remarque: Cette propriété n'est pas recommandée. Pour désactiver le zoom à l'aide de la molette, vous pouvez utiliser la propriété `gestureHandling` et la définir sur `"cooperative"` ou `"none"`.
`streetView optional`	Type:`StreetViewPanorama optional` Un `StreetViewPanorama` à afficher lorsque Pegman Street View est déposé sur la carte. Si aucun panorama n'est spécifié, un `StreetViewPanorama` par défaut s'affiche dans le `div` de la carte lorsque Pegman est déposé.
`streetViewControl optional`	Type:`boolean optional` État initial activé/désactivé de la commande Pegman de Street View Cette commande fait partie de l'interface utilisateur par défaut et doit être définie sur `false` lors de l'affichage d'un type de carte sur lequel la superposition de route Street View ne doit pas apparaître (par exemple, une carte autre que Google Earth).
`streetViewControlOptions optional`	Type:`StreetViewControlOptions optional` Options d'affichage initial de la commande Pegman de Street View
`styles optional`	Type:`Array<MapTypeStyle> optional` Styles à appliquer à chacun des types de carte par défaut Notez que pour les modes `satellite`/`hybrid` et `terrain`, ces styles ne s'appliquent qu'aux libellés et à la géométrie.
`tilt optional`	Type:`number optional` Pour les cartes vectorielles, ce paramètre définit l'angle d'incidence de la carte. Les valeurs autorisées sont limitées en fonction du niveau de zoom de la carte. Pour les cartes matricielles, ce paramètre permet de contrôler le comportement de basculement automatique selon l'angle d'incidence de la carte. Les seules valeurs autorisées sont `0` et `45`. Avec la valeur `0`, la carte utilise toujours une vue aérienne de 0°, quels que soient le niveau de zoom et la fenêtre d'affichage. Avec la valeur `45`, l'angle d'inclinaison passe automatiquement à 45 chaque fois que des images à 45° sont disponibles pour le niveau de zoom et la fenêtre d'affichage actuels, et repasse à 0 lorsqu'aucune image à 45° n'est disponible (comportement par défaut). Les images à 45° ne sont disponibles que pour les types de carte `satellite` et `hybrid`, pour certains lieux et niveaux de zoom. Remarque:`getTilt` renvoie l'angle d'inclinaison actuel, et non la valeur spécifiée par cette option. Étant donné que `getTilt` et cette option font référence à des éléments différents, n'utilisez pas `bind()` pour la propriété `tilt`. Cela peut avoir des effets imprévisibles.
`zoom optional`	Type:`number optional` Niveau de zoom initial de la carte. Les valeurs de zoom valides sont des nombres compris entre zéro et le niveau de zoom maximal accepté. Plus la valeur de zoom est élevée, plus la résolution est élevée.
`zoomControl optional`	Type:`boolean optional` État activé/désactivé de la commande de zoom.
`zoomControlOptions optional`	Type:`ZoomControlOptions optional` Options d'affichage de la commande de zoom.

Classe MapElement

Classe google.maps.MapElement

MapElement est une sous-classe HTMLElement permettant d'afficher des cartes. Après avoir chargé la bibliothèque maps, vous pouvez créer une carte au format HTML. Par exemple:

<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
  <button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>

En interne, il utilise Map, accessible avec la propriété innerMap.

Élément personnalisé:
<gmp-map center="lat,lng" map-id="string" zoom="number"></gmp-map>

Cette classe étend HTMLElement.

Cette classe implémente MapElementOptions.

Pour y accéder, appelez const {MapElement} = await google.maps.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Constructeur
`MapElement`	`MapElement([options])` Paramètres: `options`: `MapElementOptions optional`

Propriétés
`center`	Type:`LatLng\|LatLngLiteral optional` Latitude/longitude du centre de la carte Attribut HTML: `<gmp-map center="lat,lng"></gmp-map>`
`innerMap`	Type:`Map` Référence à `Map` que le MapElement utilise en interne.
`mapId`	Type:`string optional` ID de la carte. Pour en savoir plus, consultez la documentation sur les ID de carte. Attribut HTML: `<gmp-map map-id="string"></gmp-map>`
`zoom`	Type:`number optional` Niveau de zoom de la carte. Attribut HTML: `<gmp-map zoom="number"></gmp-map>`

Emplacements
`control-block-end-inline-center`	Place l'élément positionné à la position `ControlPosition.BLOCK_END_INLINE_CENTER`.
`control-block-end-inline-end`	Place l'élément positionné à la position `ControlPosition.BLOCK_END_INLINE_END`.
`control-block-end-inline-start`	Place l'élément positionné à la position `ControlPosition.BLOCK_END_INLINE_START`.
`control-block-start-inline-center`	Place l'élément positionné à la position `ControlPosition.BLOCK_START_INLINE_CENTER`.
`control-block-start-inline-end`	Place l'élément positionné à la position `ControlPosition.BLOCK_START_INLINE_END`.
`control-block-start-inline-start`	Place l'élément positionné à la position `ControlPosition.BLOCK_START_INLINE_START`.
`control-inline-end-block-center`	Place l'élément positionné à la position `ControlPosition.INLINE_END_BLOCK_CENTER`.
`control-inline-end-block-end`	Place l'élément positionné à la position `ControlPosition.INLINE_END_BLOCK_END`.
`control-inline-end-block-start`	Place l'élément positionné à la position `ControlPosition.INLINE_END_BLOCK_START`.
`control-inline-start-block-center`	Place l'élément positionné à la position `ControlPosition.INLINE_START_BLOCK_CENTER`.
`control-inline-start-block-end`	Place l'élément positionné à la position `ControlPosition.INLINE_START_BLOCK_END`.
`control-inline-start-block-start`	Place l'élément positionné à la position `ControlPosition.INLINE_START_BLOCK_START`.
`default`	Vous pouvez créer des composants réutilisables autour des composants Web Maps JavaScript, comme `AdvancedMarkerElement`, à l'aide d'éléments personnalisés. Par défaut, tous les éléments personnalisés ajoutés directement à `MapElement` seront insérés et affichés dans `MapPanes.overlayMouseTarget`. Toutefois, les composants Web de l'API Maps JavaScript peuvent être placés à nouveau sur les emplacements internes de `MapElement`.

Méthodes
`addEventListener`	Avertissement:Disponible uniquement dans la version bêta. `addEventListener(type, listener[, options])` Paramètres: `type`: `string` Chaîne sensible à la casse représentant le type d'événement à écouter. `listener`: `EventListener\|EventListenerObject` objet qui reçoit une notification. Il doit s'agir d'une fonction ou d'un objet utilisant la méthode handleEvent `options`: `boolean\|AddEventListenerOptions optional` Voir les options. Les événements personnalisés ne sont compatibles qu'avec `capture` et `passive`. Valeur renvoyée: `void` Configure une fonction qui sera appelée chaque fois que l'événement spécifié est envoyé à la cible. Découvrez addEventListener.
`removeEventListener`	Avertissement:Disponible uniquement dans la version bêta. `removeEventListener(type, listener[, options])` Paramètres: `type`: `string` Chaîne spécifiant le type d'événement pour lequel supprimer un écouteur d'événements. `listener`: `EventListener\|EventListenerObject` Écouteur d'événements du gestionnaire d'événements à supprimer de la cible de l'événement. `options`: `boolean\|EventListenerOptions optional` Voir les options Valeur renvoyée: `void` Supprime un écouteur d'événements précédemment enregistré avec addEventListener de la cible. Consultez removeEventListener.

Méthodes

addEventListener

addEventListener(type, listener[, options])

Paramètres:

type: string Chaîne sensible à la casse représentant le type d'événement à écouter.
listener: EventListener|EventListenerObject objet qui reçoit une notification. Il doit s'agir d'une fonction ou d'un objet utilisant la méthode handleEvent
options: boolean|AddEventListenerOptions optional Voir les options. Les événements personnalisés ne sont compatibles qu'avec capture et passive.

Valeur renvoyée: void

Configure une fonction qui sera appelée chaque fois que l'événement spécifié est envoyé à la cible. Découvrez addEventListener.

removeEventListener

removeEventListener(type, listener[, options])

Paramètres:

type: string Chaîne spécifiant le type d'événement pour lequel supprimer un écouteur d'événements.
listener: EventListener|EventListenerObject Écouteur d'événements du gestionnaire d'événements à supprimer de la cible de l'événement.
options: boolean|EventListenerOptions optional Voir les options

Valeur renvoyée: void

Supprime un écouteur d'événements précédemment enregistré avec addEventListener de la cible. Consultez removeEventListener.

Événements
`gmp-zoomchange`	`function(event)` Arguments: `event`: `ZoomChangeEvent` Cet événement est déclenché lorsque la propriété de zoom de la carte est modifiée.

MapElementOptions.

Interface google.maps.MapElementOptions

MapElementOptions utilisé pour définir les propriétés pouvant être définies sur un MapElement.

Propriétés
`center optional`	Type:`LatLng\|LatLngLiteral optional` Centre initial de la carte.
`mapId optional`	Type:`string optional` L'ID de carte de la carte. Ce paramètre ne peut pas être défini ni modifié après l'instanciation d'une carte.
`zoom optional`	Type:`number optional` Niveau de zoom initial de la carte. Les valeurs de zoom valides sont des nombres compris entre zéro et le niveau de zoom maximal accepté. Plus la valeur de zoom est élevée, plus la résolution est élevée.

Classe ZoomChangeEvent

Classe google.maps.ZoomChangeEvent

Cet événement est créé à partir de la surveillance du zoom.

Cette classe étend Event.

Pour y accéder, appelez const {ZoomChangeEvent} = await google.maps.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

MapTypeStyle est un ensemble de sélecteurs et de stylers qui définissent le style de la carte. Les sélecteurs indiquent les éléments cartographiques et/ou les éléments qui doivent être affectés, et les stylers indiquent comment ces éléments géographiques et ces éléments doivent être modifiés. Pour en savoir plus, consultez la référence de style.

Propriétés
`stylers`	Type:`Array<Object>` Règles de style à appliquer aux éléments cartographiques sélectionnés. Les règles sont appliquées dans l'ordre que vous spécifiez dans ce tableau. Pour obtenir des consignes sur l'utilisation et les valeurs autorisées, consultez la référence de style.
`elementType optional`	Type:`string optional` Élément auquel un styler doit être appliqué. Un élément est un aspect visuel d'un élément géographique sur la carte. Exemples: un libellé, une icône, le trait ou le remplissage appliqué à la géométrie, etc. Facultatif. Si `elementType` n'est pas spécifié, la valeur est supposée être `'all'`. Pour en savoir plus sur l'utilisation et les valeurs autorisées, consultez la référence de style.
`featureType optional`	Type:`string optional` Élément ou groupe d'éléments géographiques auquel un styler doit être appliqué. Facultatif. Si `featureType` n'est pas spécifié, la valeur est supposée être `'all'`. Pour en savoir plus sur l'utilisation et les valeurs autorisées, consultez la référence de style.

Interface MapMouseEvent

Interface google.maps.MapMouseEvent

Cet objet est renvoyé par différents événements de souris sur la carte et les superpositions, et contient tous les champs présentés ci-dessous.

Propriétés
`domEvent`	Type:`MouseEvent\|TouchEvent\|PointerEvent\|KeyboardEvent\|Event` Événement DOM natif correspondant Les développeurs ne doivent pas compter sur la définition et la cohérence des propriétés `target`, `currentTarget`, `relatedTarget` et `path`. Les développeurs ne doivent pas non plus s'appuyer sur la structure DOM de l'implémentation interne de l'API Google Maps. En raison du mappage d'événements interne, la sémantique de `domEvent` peut être différente de celle de `MapMouseEvent` (par exemple, un "clic" `MapMouseEvent` peut avoir une `domEvent` de type `KeyboardEvent`).
`latLng optional`	Type:`LatLng optional` Latitude/longitude qui se trouvaient sous le curseur lorsque l'événement s'est produit.

Propriétés

domEvent

Type:MouseEvent|TouchEvent|PointerEvent|KeyboardEvent|Event

Événement DOM natif correspondant Les développeurs ne doivent pas compter sur la définition et la cohérence des propriétés target, currentTarget, relatedTarget et path. Les développeurs ne doivent pas non plus s'appuyer sur la structure DOM de l'implémentation interne de l'API Google Maps. En raison du mappage d'événements interne, la sémantique de domEvent peut être différente de celle de MapMouseEvent (par exemple, un "clic" MapMouseEvent peut avoir une domEvent de type KeyboardEvent).

latLng optional

Type:LatLng optional

Latitude/longitude qui se trouvaient sous le curseur lorsque l'événement s'est produit.

Méthodes
`stop`	`stop()` Paramètres:aucun Valeur renvoyée: `void` Empêche la propagation de cet événement.

IconMouseEvent.

Interface google.maps.IconMouseEvent

Cet objet est envoyé dans un événement lorsqu'un utilisateur clique sur une icône de la carte. L'ID de lieu de ce lieu est stocké dans le membre "placeId". Pour empêcher l'affichage de la fenêtre d'informations par défaut, appelez la méthode stop() sur cet événement afin qu'il ne se propage pas. Pour en savoir plus sur les ID de lieu, consultez le guide du développeur de l'API Places.

Cette interface étend MapMouseEvent.

Propriétés
`placeId optional`	Type:`string optional` ID de lieu du lieu sur lequel l'utilisateur a cliqué. Cet ID de lieu peut être utilisé pour demander plus d'informations sur l'élément géographique sur lequel l'utilisateur a cliqué. Pour en savoir plus sur les ID de lieu, consultez le guide du développeur de l'API Places.
Hérité:`domEvent`, `latLng`

Méthodes
Hérité: `stop`

Constantes MapTypeId

Constantes google.maps.MapTypeId

Identifiants des MapTypes courants. Spécifiez-les à l'aide d'une valeur ou du nom de la constante. Par exemple, 'satellite' ou google.maps.MapTypeId.SATELLITE.

Pour y accéder, appelez const {MapTypeId} = await google.maps.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Constantes
`HYBRID`	Ce type de carte affiche un calque transparent des principales rues sur les images satellite.
`ROADMAP`	Ce type de carte affiche un plan de ville normal.
`SATELLITE`	Ce type de carte affiche des images satellite.
`TERRAIN`	Ce type de carte affiche des cartes présentant des caractéristiques physiques telles que le relief et la végétation.

Classe MapTypeRegistry

Classe google.maps.MapTypeRegistry

Registre des instances MapType, classées par identifiant MapType.

Cette classe étend MVCObject.

Pour y accéder, appelez const {MapTypeRegistry} = await google.maps.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Constructeur
`MapTypeRegistry`	`MapTypeRegistry()` Paramètres:aucun `MapTypeRegistry` contient l'ensemble des types de cartes personnalisés disponibles pour l'utilisation de la carte. Par exemple, l'API consulte ce registre pour fournir la liste des types de carte disponibles dans des commandes.

Méthodes
`set`	`set(id, mapType)` Paramètres: `id`: `string` identifiant du MapType à ajouter au registre. `mapType`: objet MapType `MapType\|` à ajouter au registre. Return Value* (Valeur renvoyée) : aucune Définit le registre de sorte qu'il associe l'identifiant de chaîne transmis au MapType transmis.
Hérité:`addListener`, `bindTo`, `get`, `notify`, `setValues`, `unbind`, `unbindAll`

Interface MapRestriction

Interface google.maps.MapRestriction

Restriction pouvant être appliquée à la carte. La fenêtre d'affichage de la carte ne dépasse pas ces restrictions.

Propriétés
`latLngBounds`	Type:`LatLngBounds\|LatLngBoundsLiteral` Lorsque cette option est définie, l'utilisateur ne peut faire un panoramique et un zoom qu'à l'intérieur des limites définies. Les limites peuvent restreindre à la fois la longitude et la latitude, ou uniquement la latitude. Pour les limites de latitude uniquement, utilisez des longitudes ouest et est de -180 et 180, respectivement, par exemple `latLngBounds: {north: northLat, south: southLat, west: -180, east: 180}`.
`strictBounds optional`	Type:`boolean optional` Il est possible de restreindre davantage les limites en définissant l'option `strictBounds` sur `true`. Cela permet de réduire le niveau de zoom arrière et de masquer tout ce qui se trouve en dehors des limites. La valeur par défaut est `false`, ce qui signifie qu'un utilisateur peut effectuer un zoom arrière jusqu'à ce que la zone délimitée soit entièrement visible, en incluant des zones en dehors de cette zone.

Propriétés

latLngBounds

Type:LatLngBounds|LatLngBoundsLiteral

Lorsque cette option est définie, l'utilisateur ne peut faire un panoramique et un zoom qu'à l'intérieur des limites définies. Les limites peuvent restreindre à la fois la longitude et la latitude, ou uniquement la latitude. Pour les limites de latitude uniquement, utilisez des longitudes ouest et est de -180 et 180, respectivement, par exemple latLngBounds: {north: northLat, south: southLat, west: -180, east: 180}.

strictBounds optional

Type:boolean optional

Il est possible de restreindre davantage les limites en définissant l'option strictBounds sur true. Cela permet de réduire le niveau de zoom arrière et de masquer tout ce qui se trouve en dehors des limites. La valeur par défaut est false, ce qui signifie qu'un utilisateur peut effectuer un zoom arrière jusqu'à ce que la zone délimitée soit entièrement visible, en incluant des zones en dehors de cette zone.

Classe TrafficLayer

Classe google.maps.TrafficLayer

Un calque de trafic

Cette classe étend MVCObject.

Pour y accéder, appelez const {TrafficLayer} = await google.maps.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Constructeur
`TrafficLayer`	`TrafficLayer([opts])` Paramètres: `opts`: `TrafficLayerOptions optional` Calque qui affiche le trafic routier actuel.

Méthodes
`getMap`	`getMap()` Paramètres:aucun Valeur renvoyée: `Map` Renvoie la carte sur laquelle ce calque est affiché.
`setMap`	`setMap(map)` Paramètres: `map`: `Map` Return Value (Valeur renvoyée) : aucune Affiche le calque sur la carte spécifiée. Si la carte est définie sur `null`, le calque sera supprimé.
`setOptions`	`setOptions(options)` Paramètres: `options`: `TrafficLayerOptions` Return Value (Valeur renvoyée) : aucune
Hérité:`addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Interface TrafficLayerOptions

Interface google.maps.TrafficLayerOptions

Objet TrafficLayerOptions utilisé pour définir les propriétés pouvant être définies sur un TrafficLayer.

Propriétés
`autoRefresh optional`	Type:`boolean optional` Par défaut:`true` Indique si le calque de trafic est actualisé automatiquement avec les informations mises à jour.
`map optional`	Type:`Map optional` Carte sur laquelle afficher le calque de trafic.

Classe TransitLayer

Classe google.maps.TransitLayer

Un calque de transports en commun.

Cette classe étend MVCObject.

Pour y accéder, appelez const {TransitLayer} = await google.maps.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Constructeur
`TransitLayer`	`TransitLayer()` Paramètres:aucun Calque qui affiche les lignes de transports en commun.

Méthodes
`getMap`	`getMap()` Paramètres:aucun Valeur renvoyée: `Map` Renvoie la carte sur laquelle ce calque est affiché.
`setMap`	`setMap(map)` Paramètres: `map`: `Map` Return Value (Valeur renvoyée) : aucune Affiche le calque sur la carte spécifiée. Si la carte est définie sur `null`, le calque sera supprimé.
Hérité:`addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Classe BicyclingLayer

Classe google.maps.BicyclingLayer

Calque montrant les bandes cyclables et les chemins cyclables.

Cette classe étend MVCObject.

Pour y accéder, appelez const {BicyclingLayer} = await google.maps.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Constructeur
`BicyclingLayer`	`BicyclingLayer()` Paramètres:aucun Calque qui affiche les pistes cyclables et les voies cyclables, et qui rétrograde les grandes routes.

Méthodes
`getMap`	`getMap()` Paramètres:aucun Valeur renvoyée: `Map` Renvoie la carte sur laquelle ce calque est affiché.
`setMap`	`setMap(map)` Paramètres: `map`: `Map` Return Value (Valeur renvoyée) : aucune Affiche le calque sur la carte spécifiée. Si la carte est définie sur `null`, le calque sera supprimé.
Hérité:`addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

CameraOptions.

Interface google.maps.CameraOptions

Permet de définir les options de la caméra de la carte.

Propriétés
`center optional`	Type:`LatLngLiteral\|LatLng optional`
`heading optional`	Type:`number optional`
`tilt optional`	Type:`number optional`
`zoom optional`	Type:`number optional`

VisibleRegion.

Interface google.maps.VisibleRegion

Contient les quatre points qui définissent le polygone à quatre côtés qui est la zone visible de la carte. Sur une carte vectorielle, ce polygone peut être un trapèze au lieu d'un rectangle lorsqu'une carte vectorielle est inclinée.

Propriétés
`farLeft`	Type:`LatLng`
`farRight`	Type:`LatLng`
`latLngBounds`	Type:`LatLngBounds` Plus petit cadre de délimitation incluant la région visible.
`nearLeft`	Type:`LatLng`
`nearRight`	Type:`LatLng`

Constantes RenderingType

Constantes google.maps.RenderingType

Pour y accéder, appelez const {RenderingType} = await google.maps.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Constantes
`RASTER`	Indique que la carte est matricielle.
`UNINITIALIZED`	Indique qu'il est encore impossible de déterminer si la carte est vectorielle ou matricielle, car son initialisation n'est pas encore terminée.
`VECTOR`	Indique que la carte est une carte vectorielle.

MapCapabilities.

Interface google.maps.MapCapabilities

Objet contenant un instantané des fonctionnalités actuellement disponibles pour la carte. Notez que cela ne signifie pas nécessairement que les modules concernés sont chargés ou initialisés, mais que la carte actuelle est autorisée à utiliser ces API. Consultez les propriétés pour obtenir la liste des fonctionnalités possibles.

Propriétés
`isAdvancedMarkersAvailable optional`	Type:`boolean optional` Si la valeur est "true", cette carte est correctement configurée pour permettre l'utilisation des repères avancés. Notez que vous devez quand même importer la bibliothèque `marker` pour utiliser les repères avancés. Pour en savoir plus, consultez la page https://goo.gle/gmp-isAdvancedMarkersAvailable.
`isDataDrivenStylingAvailable optional`	Type:`boolean optional` Si la valeur est "true", cette carte est correctement configurée pour permettre l'utilisation du style basé sur les données pour au moins un calque de caractéristiques. Pour en savoir plus, consultez les pages https://goo.gle/gmp-data-driven-styling et https://goo.gle/gmp-FeatureLayerIsAvailable.

Maps

Classe Map

Constructeur

Constantes

Propriétés

Méthodes

Événements

Interface MapOptions

Propriétés

Classe MapElement

Constructeur

Propriétés

Emplacements

Méthodes

Événements

MapElementOptions.

Propriétés

Classe ZoomChangeEvent

Interface MapTypeStyle

Propriétés

Interface MapMouseEvent

Propriétés

Méthodes

IconMouseEvent.

Propriétés

Méthodes

Constantes MapTypeId

Constantes

Classe MapTypeRegistry

Constructeur

Méthodes

Interface MapRestriction

Propriétés

Classe TrafficLayer

Constructeur

Méthodes

Interface TrafficLayerOptions

Propriétés

Classe TransitLayer

Constructeur

Méthodes

Classe BicyclingLayer

Constructeur

Méthodes

CameraOptions.

Propriétés

VisibleRegion.

Propriétés

Constantes RenderingType

Constantes

MapCapabilities.

Propriétés