Map View

Classe LocalContextMapView

Classe google.maps.localContext.LocalContextMapView

Affiche une expérience de contexte local avec un Map.

Cette classe implémente LocalContextMapViewOptions.

Accédez-y en appelant const {LocalContextMapView} = await google.maps.importLibrary("localContext"). Consultez la section Bibliothèques de l'API Maps JavaScript.
LocalContextMapView
LocalContextMapView(options)
Paramètres:
directionsOptions
Consultez les LocalContextMapViewOptions.directionsOptions.
element optional
Type:HTMLElement|SVGElement optional
Ce champ est en lecture seule. Élément DOM sous-jacent à la vue.
isTransitioningMapBounds
Type:boolean
Il est défini sur true avant que LocalContextMapView ne commence à modifier les limites de l'Map interne, et sur false une fois que LocalContextMapView a terminé de modifier les limites de l'Map interne. (Non défini lorsque le mode de mise en page change en raison du redimensionnement responsif.)
locationBias
Type:LocationBias optional
Consultez les LocalContextMapViewOptions.locationBias. La modification de cette propriété dans LocalContextMapView peut déclencher une nouvelle recherche.
locationRestriction
Type:LocationRestriction optional
Consultez les LocalContextMapViewOptions.locationRestriction. La modification de cette propriété dans LocalContextMapView peut déclencher une nouvelle recherche.
maxPlaceCount
Type:number
Consultez les LocalContextMapViewOptions.maxPlaceCount. La modification de cette propriété dans LocalContextMapView peut déclencher une nouvelle recherche.
placeTypePreferences
Consultez les LocalContextMapViewOptions.placeTypePreferences. La modification de cette propriété dans LocalContextMapView peut déclencher une nouvelle recherche. Iterable<string|PlaceTypePreference> est également accepté.
Hérité: map, pinOptionsSetup, placeChooserViewSetup, placeDetailsViewSetup
addListener
addListener(eventName, handler)
Paramètres:
  • eventName:  string
  • handler:  Function
Valeur renvoyée:MapsEventListener
Ajoute la fonction d'écouteur donnée au nom d'événement donné.
hidePlaceDetailsView
hidePlaceDetailsView()
Paramètres:aucun
Valeur renvoyée:aucune
Masque les détails du lieu.
search
search()
Paramètres:aucun
Valeur renvoyée:aucune
Recherche des lieux à afficher à l'utilisateur en fonction des maxPlaceCount, placeTypePreferences, locationRestriction et locationBias actuels.
error
function(event)
Arguments: 
Cet événement est déclenché en cas d'erreur lors de la recherche.
placedetailsviewhidestart
function()
Arguments:aucun
Cet événement est déclenché avant que les détails du lieu ne commencent à s'animer.
placedetailsviewshowstart
function()
Arguments:aucun
Cet événement est déclenché avant que les détails du lieu ne commencent à s'animer.

Interface LocalContextMapViewOptions

Interface google.maps.localContext.LocalContextMapViewOptions

Options permettant de créer un LocalContextMapView ou d'accéder à un LocalContextMapView existant.
maxPlaceCount
Type:number
Nombre maximal de lieux à afficher. Lorsque ce paramètre est défini sur 0, la bibliothèque de contexte local ne charge pas les lieux. [0,24]
placeTypePreferences
Types de lieux à rechercher (jusqu'à 10) Le type Iterable<string|PlaceTypePreference> est également accepté, mais n'est compatible qu'avec les navigateurs qui prennent en charge nativement les symboles JavaScript.
directionsOptions optional
Options de personnalisation des itinéraires Si cette valeur n'est pas définie, l'itinéraire et la distance seront désactivés.
element optional
Type:HTMLElement|SVGElement optional
Ce champ est en lecture seule. Élément DOM sous-jacent à la vue.
locationBias optional
Type:LocationBias optional
Par défaut:null
Limite ou indice à utiliser lors de la recherche de lieux.
locationRestriction optional
Type:LocationRestriction optional
Limites pour limiter les résultats de recherche. Si cette valeur n'est pas spécifiée, les résultats seront limités à la fenêtre d'affichage de la carte.
map optional
Type:Map optional
Instance Map déjà instanciée. Si elle est transmise, la carte est déplacée dans le DOM de LocalContextMapView et n'est pas restylisée. Des styles et des classes peuvent également être appliqués à l'élément associé à la carte par LocalContextMapView.
pinOptionsSetup optional
Type:(function({
  isSelected:boolean,
  isHighlighted:boolean
}): (PinOptions optional))|PinOptions optional
Configurez l'icône du repère en fonction de son état. Appelé chaque fois que l'entrée du rappel change. Transmettez une fonction pour remplacer de manière dynamique la configuration par défaut lorsque la LocalContextMapView dessine le repère géographique. Les erreurs et les configurations non valides peuvent être déterminées de manière asynchrone et seront ignorées (les valeurs par défaut seront utilisées et les erreurs seront consignées dans la console).
placeChooserViewSetup optional
Type:(function({
  defaultLayoutMode:PlaceChooserLayoutMode,
  defaultPosition:PlaceChooserPosition optional
}): (PlaceChooserViewSetupOptions optional))|PlaceChooserViewSetupOptions optional
Remplace la configuration de la vue du sélecteur de lieu. Transmettez une fonction pour remplacer de manière dynamique la configuration par défaut lorsque la mise en page de LocalContextMapView peut changer en raison d'un redimensionnement. Les erreurs et les configurations non valides peuvent être déterminées de manière asynchrone et seront ignorées (les valeurs par défaut seront utilisées à la place et les erreurs seront consignées dans la console). Les erreurs détectées lors de la création entraînent l'émission d'erreurs de manière synchrone.
placeDetailsViewSetup optional
Type:(function({
  defaultLayoutMode:PlaceDetailsLayoutMode,
  defaultPosition:PlaceDetailsPosition optional
}): (PlaceDetailsViewSetupOptions optional))|PlaceDetailsViewSetupOptions optional
Remplace la configuration de la vue des détails du lieu. Transmettez une fonction pour remplacer de manière dynamique la configuration par défaut lorsque la mise en page de LocalContextMapView peut changer en raison d'un redimensionnement. Les erreurs et les configurations non valides peuvent être déterminées de manière asynchrone et seront ignorées (les valeurs par défaut seront utilisées et les erreurs seront consignées dans la console). Les erreurs détectées lors de la création entraînent l'émission d'erreurs de manière synchrone.

PlaceTypePreference typedef

google.maps.localContext.PlaceTypePreference typedef

Type de lieu à rechercher et pondération à utiliser. Si weight est omis, la bibliothèque déterminera les pondérations par défaut, qui peuvent changer et s'ajuster au fil du temps.

{
  type:string,
  weight:number optional
}

Classe MapDirectionsOptions

Classe google.maps.localContext.MapDirectionsOptions

Fournit les paramètres des itinéraires avec un LocalContextMapView.

Cette classe implémente MapDirectionsOptionsLiteral.

Accédez-y en appelant const {MapDirectionsOptions} = await google.maps.importLibrary("localContext"). Consultez la section Bibliothèques de l'API Maps JavaScript.
Hérité: origin
addListener
addListener(eventName, handler)
Paramètres:
  • eventName:  string
  • handler:  Function
Valeur renvoyée:MapsEventListener
Ajoute la fonction d'écouteur donnée au nom d'événement donné.

Interface MapDirectionsOptionsLiteral

Interface google.maps.localContext.MapDirectionsOptionsLiteral

Pour plus de commodité, les littéraux d'objets sont acceptés à la place des objets MapDirectionsOptions dans de nombreux endroits. Ils sont convertis en objets MapDirectionsOptions lorsque l'API Maps les rencontre.
origin
Point de départ pour les itinéraires et la distance.

Interface PinOptions

Interface google.maps.localContext.PinOptions

Options de personnalisation d'un repère
background optional
Type:string optional
La couleur de la forme de l'icône peut être n'importe quelle couleur CSS valide.
glyphColor optional
Type:string optional
La couleur du glyphe de l'icône peut être n'importe quelle couleur CSS valide.
scale optional
Type:number optional
Échelle de l'icône. La valeur est absolue, et non relative aux tailles par défaut de chaque état.

Interface PlaceChooserViewSetupOptions

Interface google.maps.localContext.PlaceChooserViewSetupOptions

Options de configuration du sélecteur de lieu. Découvrez comment définir la mise en page et la visibilité.
layoutMode optional
position optional
Type:PlaceChooserPosition optional
Ignoré lorsque layoutMode:HIDDEN. Si cette valeur n'est pas transmise, une position est déterminée automatiquement en fonction de layoutMode.

Constantes PlaceChooserLayoutMode

Constantes google.maps.localContext.PlaceChooserLayoutMode

Modes de mise en page du sélecteur de lieu.

Accédez-y en appelant const {PlaceChooserLayoutMode} = await google.maps.importLibrary("localContext"). Consultez la section Bibliothèques de l'API Maps JavaScript.
HIDDEN Le sélecteur de lieu est masqué.
SHEET Le sélecteur de lieu s'affiche sous forme de feuille.

Constantes PlaceChooserPosition

Constantes google.maps.localContext.PlaceChooserPosition

Positions d'affichage du sélecteur de lieu.

Accédez-y en appelant const {PlaceChooserPosition} = await google.maps.importLibrary("localContext"). Consultez la section Bibliothèques de l'API Maps JavaScript.
BLOCK_END Le sélecteur de lieu s'affiche sur une ligne sous la carte, qui s'étend jusqu'à la fin du conteneur.
INLINE_END Le sélecteur de lieu s'affiche en ligne avec la carte à la fin de la ligne. (Dans une langue qui se lit de gauche à droite, cela signifie que le sélecteur de lieu se trouve à droite de la carte.)
INLINE_START Le sélecteur de lieu s'affiche en ligne avec la carte au début de la ligne. (Dans une langue qui se lit de gauche à droite, cela signifie que le sélecteur de lieu se trouve à gauche de la carte.)

Interface PlaceDetailsViewSetupOptions

Interface google.maps.localContext.PlaceDetailsViewSetupOptions

Options de configuration des informations sur le lieu. Découvrez comment définir la mise en page et la visibilité.
hidesOnMapClick optional
Type:boolean optional
layoutMode optional
position optional
Type:PlaceDetailsPosition optional
Ignoré lorsque layoutMode:INFO_WINDOW. Si cette valeur n'est pas transmise, une position est déterminée automatiquement en fonction de layoutMode.

Constantes PlaceDetailsLayoutMode

Constantes google.maps.localContext.PlaceDetailsLayoutMode

Modes de mise en page pour les informations sur le lieu.

Accédez-y en appelant const {PlaceDetailsLayoutMode} = await google.maps.importLibrary("localContext"). Consultez la section Bibliothèques de l'API Maps JavaScript.
INFO_WINDOW Les détails du lieu s'affichent dans un InfoWindow.
SHEET Les détails du lieu s'affichent dans une feuille.

Constantes PlaceDetailsPosition

Constantes google.maps.localContext.PlaceDetailsPosition

Afficher les positions des détails du lieu

Accédez-y en appelant const {PlaceDetailsPosition} = await google.maps.importLibrary("localContext"). Consultez la section Bibliothèques de l'API Maps JavaScript.
INLINE_END Les informations sur le lieu s'affichent dans la carte, à la fin de la ligne. (Dans une langue qui se lit de gauche à droite, cela signifie que les informations sur le lieu se trouvent à droite de la carte.)
INLINE_START Les détails du lieu s'affichent dans la ligne de la carte au début de la ligne. (Dans une langue qui se lit de gauche à droite, cela signifie que les détails du lieu se trouvent à gauche de la carte.)