Map View

Classe LocalContextMapView

google.maps.localContext.LocalContextMapView corso

Ritiro: il contesto locale è deprecato e non è più consigliato per i nuovi siti web. La funzionalità continuerà a funzionare e verrà inviata una notifica di 12 mesi prima della disattivazione del supporto. Se ti interessa creare autonomamente un'esperienza simile a Contesto locale, ti consigliamo di provare la soluzione "Scoperta del quartiere" in Quick Builder o di utilizzare Places Library, l'API Maps JavaScript. Gli esempi di codice e i codelab per la raccolta di luoghi possono aiutarti.

Avviso: disponibile solo nel canale v=beta.

Mostra un'esperienza di contesto locale con un Map.

Questa classe implementa LocalContextMapViewOptions.

Accedi chiamando const {LocalContextMapView} = await google.maps.importLibrary("localContext"). Consulta la sezione Librerie nell'API Maps JavaScript.

Costruttore
LocalContextMapView	LocalContextMapView(options) Parametri:  options:  LocalContextMapViewOptions

Proprietà
directionsOptions	Tipo:  MapDirectionsOptions|MapDirectionsOptionsLiteral optional Leggi i LocalContextMapViewOptions.directionsOptions.
element optional	Tipo:  HTMLElement|SVGElement optional Questo campo è di sola lettura. L'elemento DOM alla base della visualizzazione.
isTransitioningMapBounds	Tipo:  boolean È impostato su true prima che LocalContextMapView inizi a modificare i limiti dell'Map interno e su false dopo che LocalContextMapView ha terminato di modificare i limiti dell'Map interno. (Non impostato quando la modalità di layout cambia a causa del ridimensionamento adattabile.)
locationBias	Tipo:  LocationBias optional Leggi i LocalContextMapViewOptions.locationBias. La modifica di questa proprietà in LocalContextMapView potrebbe attivare una nuova ricerca.
locationRestriction	Tipo:  LocationRestriction optional Leggi i LocalContextMapViewOptions.locationRestriction. La modifica di questa proprietà in LocalContextMapView potrebbe attivare una nuova ricerca.
maxPlaceCount	Tipo:  number Leggi i LocalContextMapViewOptions.maxPlaceCount. La modifica di questa proprietà in LocalContextMapView potrebbe attivare una nuova ricerca.
placeTypePreferences	Tipo:  Array<PlaceTypePreference> Leggi i LocalContextMapViewOptions.placeTypePreferences. La modifica di questa proprietà in LocalContextMapView potrebbe attivare una nuova ricerca. È accettato anche Iterable<string|PlaceTypePreference>.
Ereditato: map, pinOptionsSetup, placeChooserViewSetup, placeDetailsViewSetup

Metodi
addListener	addListener(eventName, handler) Parametri:  eventName:  string handler:  Function Valore restituito:MapsEventListener Aggiunge la funzione di listener specificata al nome dell'evento specificato.
hidePlaceDetailsView	hidePlaceDetailsView() Parametri: nessuno Valore restituito:nessuno Nasconde i dettagli del luogo.
search	search() Parametri: nessuno Valore restituito:nessuno Cerca i luoghi da mostrare all'utente in base ai valori attuali di maxPlaceCount, placeTypePreferences, locationRestriction e locationBias.

Eventi
error	function(event) Argomenti:  event:  ErrorEvent Questo evento viene attivato se si verifica un errore durante l'esecuzione della ricerca.
placedetailsviewhidestart	function() Argomenti: nessuno Questo evento viene attivato prima che inizi l'animazione di scomparsa dei dettagli del luogo.
placedetailsviewshowstart	function() Argomenti: nessuno Questo evento viene attivato prima che inizi l'animazione dei dettagli del luogo.

Interfaccia LocalContextMapViewOptions

google.maps.localContext.LocalContextMapViewOptions interfaccia

Avviso: disponibile solo nel canale v=beta.

Opzioni per creare un LocalContextMapView o accedere a un LocalContextMapView esistente.

Proprietà
maxPlaceCount	Tipo:  number Il numero massimo di località da mostrare. Quando questo parametro è 0, la raccolta di contesti locali non carica i luoghi. [0,24]
placeTypePreferences	Tipo:  Array<PlaceTypePreference> I tipi di luoghi da cercare (fino a 10). È accettato anche il tipo Iterable<string|PlaceTypePreference>, ma solo nei browser che supportano in modo nativo i simboli JavaScript.
directionsOptions optional	Tipo:  MapDirectionsOptions|MapDirectionsOptionsLiteral optional Opzioni per personalizzare le indicazioni stradali. Se non è impostato, le indicazioni stradali e la distanza verranno disattivate.
element optional	Tipo:  HTMLElement|SVGElement optional Questo campo è di sola lettura. L'elemento DOM alla base della visualizzazione.
locationBias optional	Tipo:  LocationBias optional Valore predefinito: null Un confine o un suggerimento flessibile da utilizzare durante la ricerca di luoghi.
locationRestriction optional	Tipo:  LocationRestriction optional Limiti per limitare i risultati di ricerca. Se non specificato, i risultati saranno limitati all'area visibile della mappa.
map optional	Tipo:  Map optional Un'istanza Map già istanziata. Se viene passata, la mappa verrà spostata nel DOM di LocalContextMapView e non verrà ristilizzata. All'elemento associato alla mappa possono essere applicati anche stili e classi da LocalContextMapView.
pinOptionsSetup optional	Tipo:  (function({   isSelected:boolean,   isHighlighted:boolean }): (PinOptions optional))|PinOptions optional Configura l'icona dell'indicatore di luogo in base allo stato dell'icona. Viene invocato ogni volta che l'input al callback cambia. Passa una funzione per ignorare dinamicamente la configurazione predefinita quando LocalContextMapView disegna l'indicatore di luogo. Gli errori e le configurazioni non valide possono essere determinati in modo asincrono e verranno ignorati (verranno utilizzati i valori predefiniti e gli errori verranno registrati nella console).
placeChooserViewSetup optional	Tipo:  (function({   defaultLayoutMode:PlaceChooserLayoutMode,   defaultPosition:PlaceChooserPosition optional }): (PlaceChooserViewSetupOptions optional))|PlaceChooserViewSetupOptions optional Sostituisce la configurazione della visualizzazione del selettore di luoghi. Passa una funzione per eseguire l'override dinamico della configurazione predefinita quando la visualizzazione della mappa del contesto locale potrebbe modificare il layout a causa del ridimensionamento. Gli errori e le configurazioni non valide possono essere determinati in modo asincrono e verranno ignorati (verranno utilizzati i valori predefiniti e gli errori verranno registrati nella console). Gli errori rilevati durante la compilazione verranno generati in modo sincrono.
placeDetailsViewSetup optional	Tipo:  (function({   defaultLayoutMode:PlaceDetailsLayoutMode,   defaultPosition:PlaceDetailsPosition optional }): (PlaceDetailsViewSetupOptions optional))|PlaceDetailsViewSetupOptions optional Sostituisce la configurazione della visualizzazione dei dettagli del luogo. Passa una funzione per eseguire l'override dinamico della configurazione predefinita quando la visualizzazione della mappa del contesto locale potrebbe modificare il layout a causa del ridimensionamento. Gli errori e le configurazioni non valide possono essere determinati in modo asincrono e verranno ignorati (verranno utilizzati i valori predefiniti e gli errori verranno registrati nella console). Gli errori rilevati durante la compilazione verranno generati in modo sincrono.

PlaceTypePreference typedef

google.maps.localContext.PlaceTypePreference typedef

Avviso: disponibile solo nel canale v=beta.

Un tipo di luogo da cercare e il relativo peso. Se weight viene omesso, la libreria determinerà i pesi predefiniti, che possono cambiare e migliorare nel tempo.

{
  type:string,
  weight:number optional
}

Classe MapDirectionsOptions

google.maps.localContext.MapDirectionsOptions corso

Avviso: disponibile solo nel canale v=beta.

Fornisce le impostazioni per le indicazioni stradali con un LocalContextMapView.

Questa classe implementa MapDirectionsOptionsLiteral.

Accedi chiamando const {MapDirectionsOptions} = await google.maps.importLibrary("localContext"). Consulta la sezione Librerie nell'API Maps JavaScript.

Proprietà
Ereditato: origin

Metodi
addListener	addListener(eventName, handler) Parametri:  eventName:  string handler:  Function Valore restituito:MapsEventListener Aggiunge la funzione di listener specificata al nome dell'evento specificato.

Interfaccia MapDirectionsOptionsLiteral

google.maps.localContext.MapDirectionsOptionsLiteral interfaccia

Avviso: disponibile solo nel canale v=beta.

Per comodità, in molti casi vengono accettati i valori letterali degli oggetti al posto degli oggetti MapDirectionsOptions. Questi vengono convertiti in oggetti MapDirectionsOptions quando l'API Maps li rileva.

Proprietà
origin	Tipo:  LatLng|LatLngLiteral Punto di partenza per indicazioni stradali e distanza.

Interfaccia PinOptions

google.maps.localContext.PinOptions interfaccia

Avviso: disponibile solo nel canale v=beta.

Opzioni per personalizzare un indicatore a forma di freccia.

Proprietà
background optional	Tipo:  string optional Il colore della forma dell'icona può essere qualsiasi colore CSS valido.
glyphColor optional	Tipo:  string optional Il colore del glifo dell'icona può essere qualsiasi colore CSS valido.
scale optional	Tipo:  number optional La scala dell'icona. Il valore è assoluto, non relativo alle dimensioni predefinite in ogni stato.

Interfaccia PlaceChooserViewSetupOptions

google.maps.localContext.PlaceChooserViewSetupOptions interfaccia

Opzioni di configurazione per il selettore di luoghi. Scopri di più su come impostare il layout e la visibilità.

Proprietà
layoutMode optional	Tipo:  PlaceChooserLayoutMode optional
position optional	Tipo:  PlaceChooserPosition optional Ignorato quando layoutMode:HIDDEN. Se non viene specificato, una posizione verrà determinata automaticamente in base al layoutMode.

Costanti PlaceChooserLayoutMode

google.maps.localContext.PlaceChooserLayoutMode costanti

Avviso: disponibile solo nel canale v=beta.

Modalità di layout per il selettore di luoghi.

Accedi chiamando const {PlaceChooserLayoutMode} = await google.maps.importLibrary("localContext"). Consulta la sezione Librerie nell'API Maps JavaScript.

Costanti
HIDDEN	Il selettore di luoghi è nascosto.
SHEET	Il selettore di luoghi viene visualizzato come foglio.

Costanti PlaceChooserPosition

google.maps.localContext.PlaceChooserPosition costanti

Avviso: disponibile solo nel canale v=beta.

Posizioni di visualizzazione per il selettore di luoghi.

Accedi chiamando const {PlaceChooserPosition} = await google.maps.importLibrary("localContext"). Consulta la sezione Librerie nell'API Maps JavaScript.

Costanti
BLOCK_END	Il selettore di luoghi viene visualizzato su una riga sotto la mappa che si estende fino alla fine del contenitore.
INLINE_END	Il selettore di luoghi viene visualizzato in linea con la mappa alla fine della riga. In una lingua da sinistra a destra, il selettore dei luoghi si trova a destra della mappa.
INLINE_START	Il selettore di luoghi viene visualizzato in linea con la mappa all'inizio della riga. In una lingua con direzione da sinistra a destra, il selettore dei luoghi si trova a sinistra della mappa.

Interfaccia PlaceDetailsViewSetupOptions

google.maps.localContext.PlaceDetailsViewSetupOptions interfaccia

Opzioni di configurazione per i dettagli del luogo. Scopri di più su come impostare il layout e la visibilità.

Proprietà
hidesOnMapClick optional	Tipo:  boolean optional
layoutMode optional	Tipo:  PlaceDetailsLayoutMode optional
position optional	Tipo:  PlaceDetailsPosition optional Ignorato quando layoutMode:INFO_WINDOW. Se non viene specificato, una posizione verrà determinata automaticamente in base al layoutMode.

Costanti PlaceDetailsLayoutMode

google.maps.localContext.PlaceDetailsLayoutMode costanti

Avviso: disponibile solo nel canale v=beta.

Modalità di layout per i dettagli del luogo.

Accedi chiamando const {PlaceDetailsLayoutMode} = await google.maps.importLibrary("localContext"). Consulta la sezione Librerie nell'API Maps JavaScript.

Costanti
INFO_WINDOW	I dettagli del luogo vengono visualizzati in un InfoWindow.
SHEET	I dettagli del luogo vengono visualizzati in un foglio.

Costanti PlaceDetailsPosition

google.maps.localContext.PlaceDetailsPosition costanti

Avviso: disponibile solo nel canale v=beta.

Mostra le posizioni per i dettagli del luogo.

Accedi chiamando const {PlaceDetailsPosition} = await google.maps.importLibrary("localContext"). Consulta la sezione Librerie nell'API Maps JavaScript.

Costanti
INLINE_END	I dettagli del luogo vengono visualizzati in linea con la mappa alla fine della riga. In una lingua da sinistra a destra, significa che i dettagli del luogo si trovano a destra della mappa.
INLINE_START	I dettagli del luogo vengono visualizzati in linea con la mappa all'inizio della riga. In una lingua da sinistra a destra, significa che i dettagli del luogo si trovano a sinistra della mappa.