Classe OverlayView
Classe google.maps.OverlayView
Vous pouvez implémenter cette classe si vous souhaitez afficher des types personnalisés d'objets de superposition sur la carte.
Héritez de cette classe en définissant le prototype de votre superposition: MyOverlay.prototype = new google.maps.OverlayView();
. Le constructeur OverlayView
est une fonction vide.
Vous devez implémenter trois méthodes: onAdd()
, draw()
et onRemove()
.
- Dans la méthode
onAdd()
, vous devez créer des objets DOM et les ajouter en tant qu'enfants des volets. - Dans la méthode
draw()
, vous devez positionner ces éléments. - Dans la méthode
onRemove()
, supprimez les objets du DOM.
setMap()
avec un objet Map
valide pour déclencher l'appel de la méthode onAdd()
et setMap(null)
afin de déclencher la méthode onRemove()
. La méthode setMap()
peut être appelée au moment de la construction ou à tout moment par la suite, lorsque la superposition doit être à nouveau affichée après sa suppression. La méthode draw()
est ensuite appelée chaque fois qu'une propriété cartographique change, ce qui peut modifier la position de l'élément (zoom, centre ou type de carte, par exemple).
Cette classe étend MVCObject
.
Accédez à la carte en appelant const {OverlayView} = await google.maps.importLibrary("maps")
ou const {OverlayView} = await google.maps.importLibrary("streetView")
. Consultez Bibliothèques dans l'API Maps JavaScript.
Constructeur | |
---|---|
OverlayView |
OverlayView() Paramètres:aucun
Crée un OverlayView . |
Méthodes statiques | |
---|---|
preventMapHitsAndGesturesFrom |
preventMapHitsAndGesturesFrom(element) Paramètres:
Return Value (Valeur renvoyée) : aucune
Permet d'arrêter les événements de clic, d'appui, de déplacement et de roue sur l'élément pour qu'ils bouillonnent sur la carte. Utilisez cette option pour éviter les fonctions de déplacement et de zoom sur la carte, ainsi que les événements de type "clic". |
preventMapHitsFrom |
preventMapHitsFrom(element) Paramètres:
Return Value (Valeur renvoyée) : aucune
Permet d'arrêter de cliquer ou d'appuyer sur l'élément pour qu'il bouillonne sur la carte. Utilisez cette option pour empêcher la carte de déclencher des événements de type "clic". |
Méthodes | |
---|---|
draw |
draw() Paramètres:aucun
Return Value (Valeur renvoyée) : aucune
Implémentez cette méthode pour dessiner ou mettre à jour la superposition. Utilisez la position de projection.fromLatLngToDivPixel() pour positionner correctement la superposition par rapport aux MapPanes. Cette méthode est appelée après onAdd() et est appelée lors d'un changement de zoom ou de centre. Il est déconseillé d'effectuer des tâches coûteuses en calcul avec cette méthode. |
getMap |
getMap() Paramètres:aucun
Valeur renvoyée:
Map|StreetViewPanorama |
getPanes |
getPanes() Paramètres:aucun
Valeur renvoyée:
MapPanes|null Renvoie les volets dans lesquels cette OverlayView peut être affichée. Les volets ne sont pas initialisés tant que onAdd n'est pas appelé par l'API. |
getProjection |
getProjection() Paramètres:aucun
Valeur renvoyée:
MapCanvasProjection Renvoie l'objet MapCanvasProjection associé à ce OverlayView . La projection n'est pas initialisée tant que onAdd n'est pas appelé par l'API. |
onAdd |
onAdd() Paramètres:aucun
Return Value (Valeur renvoyée) : aucune
Implémentez cette méthode pour initialiser les éléments DOM de superposition. Cette méthode est appelée une fois après setMap() avec une map valide. À ce stade, les volets et la projection ont été initialisés. |
onRemove |
onRemove() Paramètres:aucun
Return Value (Valeur renvoyée) : aucune
Implémentez cette méthode pour supprimer vos éléments du DOM. Cette méthode est appelée une fois après un appel à setMap(null). |
setMap |
setMap(map) Paramètres:
Return Value (Valeur renvoyée) : aucune
Ajoute la superposition à la carte ou au panorama. |
Hérité:addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Interface MapPanes
Interface google.maps.MapPanes
Propriétés | |
---|---|
floatPane |
Type:
Element Ce volet contient la fenêtre d'informations. Il se trouve au-dessus de toutes les superpositions de la carte (volet 4). |
mapPane |
Type:
Element Ce volet est le volet le plus bas et se trouve au-dessus des tuiles. Il ne reçoit pas d'événements DOM. (volet 0). |
markerLayer |
Type:
Element Ce volet contient des repères. Il ne reçoit pas d'événements DOM. (volet 2). |
overlayLayer |
Type:
Element Ce volet contient des polylignes, des polygones, des superpositions au sol et des superpositions de calques de tuiles. Il ne reçoit pas d'événements DOM. (volet 1). |
overlayMouseTarget |
Type:
Element Ce volet contient des éléments qui reçoivent des événements DOM. (volet 3). |
Interface MapCanvasProjection
Interface google.maps.MapCanvasProjection
Cet objet est mis à la disposition de OverlayView
à partir de la méthode de dessin. Son initialisation n'est pas garantie avant l'appel de la fonction draw.
Méthodes | |
---|---|
fromContainerPixelToLatLng |
fromContainerPixelToLatLng(pixel[, noClampNoWrap]) Paramètres:
Valeur renvoyée:
LatLng|null Calcule les coordonnées géographiques à partir des coordonnées en pixels du conteneur de la carte. |
fromDivPixelToLatLng |
fromDivPixelToLatLng(pixel[, noClampNoWrap]) Paramètres:
Valeur renvoyée:
LatLng|null Calcule les coordonnées géographiques à partir des coordonnées en pixels du tag div contenant la carte déplaçable. |
fromLatLngToContainerPixel |
fromLatLngToContainerPixel(latLng) Paramètres:
Valeur renvoyée:
Point|null Calcule les coordonnées en pixels de l'emplacement géographique donné dans l'élément conteneur de la carte. |
fromLatLngToDivPixel |
fromLatLngToDivPixel(latLng) Paramètres:
Valeur renvoyée:
Point|null Calcule les coordonnées en pixels de l'emplacement géographique donné dans l'élément DOM qui contient la carte déplaçable. |
getVisibleRegion |
getVisibleRegion() Paramètres:aucun
Valeur renvoyée:
VisibleRegion|null Région visible de la carte. Renvoie la valeur null si la carte n'a pas de taille. Renvoie null si l'élément OverlayView correspond à un panorama StreetViewPanorama. |
getWorldWidth |
getWorldWidth() Paramètres:aucun
Valeur renvoyée:
number Largeur du monde en pixels au niveau de zoom actuel. Pour les projections dont l'angle de cap est de 90 ou 270 degrés, il s'agit de l'étendue de pixels sur l'axe Y. |