Map View

Classe LocalContextMapView

lezione google.maps.localContext.LocalContextMapView

Deprecato: il contesto locale è obsoleto e non è più consigliato per i nuovi siti web. La funzionalità continuerà a funzionare e verrà fornito un preavviso di 12 mesi prima dell'interruzione del supporto. Se ti interessa creare un'esperienza simile a quella di un contesto locale, ti consigliamo di provare la soluzione "Neighborhood Discovery" in Builder rapido o di utilizzare la raccolta Places, l'API Maps JavaScript. Esempi di codice e codelab per la libreria Places possono aiutarti.

Avviso: disponibile solo nel v=canale beta.

Mostra un'esperienza di contesto locale con Map.

Questo corso 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 che supporta la visualizzazione.
isTransitioningMapBounds	Tipo:  boolean È impostato su true prima che LocalContextMapView inizi a modificare i limiti dell'Map interno e su false dopo che LocalContextMapView completa la modifica dei limiti dell'interno Map. (Non impostato quando le modifiche alla modalità di layout si verificano 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>.
Ereditata: map, pinOptionsSetup, placeChooserViewSetup, placeDetailsViewSetup

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

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 i dettagli del luogo inizino a essere animati.
placedetailsviewshowstart	function() Argomenti: nessuno Questo evento viene attivato prima dell'inizio dell'animazione dei dettagli del luogo.

Interfaccia LocalContextMapViewOptions

google.maps.localContext.LocalContextMapViewOptions interfaccia

Avviso: disponibile solo nel v=canale beta.

Opzioni per la creazione di un LocalContextMapView o l'accesso a un LocalContextMapView esistente.

Proprietà
maxPlaceCount	Tipo:  number Il numero massimo di luoghi da mostrare. Se questo parametro è pari a 0, la libreria di contesto locale non carica i luoghi. [0,24]
placeTypePreferences	Tipo:  Array<PlaceTypePreference> I tipi di luoghi da cercare (fino a 10). Anche il tipo Iterable<string|PlaceTypePreference> è accettato, ma è supportato solo nei browser che supportano i simboli JavaScript in modo nativo.
directionsOptions optional	Tipo:  MapDirectionsOptions|MapDirectionsOptionsLiteral optional Opzioni per la personalizzazione delle indicazioni stradali. Se non viene impostato, le indicazioni stradali e la distanza verranno disabilitate.
element optional	Tipo:  HTMLElement|SVGElement optional Questo campo è di sola lettura. L'elemento DOM che supporta la visualizzazione.
locationBias optional	Tipo:  LocationBias optional Predefinito: null Un confine morbido o un suggerimento da utilizzare per la ricerca di luoghi.
locationRestriction optional	Tipo:  LocationRestriction optional Associa i risultati di ricerca. Se non specificato, i risultati verranno limitati all'area visibile della mappa.
map optional	Tipo:  Map optional Un'istanza Map già creata. Una volta passata, la mappa verrà spostata nel DOM di LocalContextMapView e non verrà riprogettata. All'elemento associato alla mappa potrebbero 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 in base allo stato dell'icona. Richiamato ogni volta che l'input del callback cambia. Passa una funzione per sostituire dinamicamente la configurazione predefinita quando LocalContextMapView disegna l'indicatore del luogo. Gli errori e le configurazioni non valide potrebbero essere determinati in modo asincrono e verranno ignorati (verranno utilizzati quelli predefiniti e gli errori verranno registrati nella console).
placeChooserViewSetup optional	Tipo:  (function({   defaultLayoutMode:PlaceChooserLayoutMode,   defaultPosition:PlaceChooserPosition optional }): (PlaceChooserViewSetupOptions optional))|PlaceChooserViewSetupOptions optional Esegue l'override della configurazione della visualizzazione del selettore di luoghi. Passa una funzione per eseguire l'override dinamico della configurazione predefinita quando è possibile modificare il layout di LocalContextMapView a causa del ridimensionamento. Gli errori e le configurazioni non valide potrebbero 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 costruzione causeranno la visualizzazione sincrona degli errori.
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 è possibile modificare il layout di LocalContextMapView a causa del ridimensionamento. Gli errori e le configurazioni non valide potrebbero essere determinati in modo asincrono e verranno ignorati (verranno utilizzati quelli predefiniti e gli errori verranno registrati nella console). Gli errori rilevati durante la costruzione causeranno la visualizzazione sincrona degli errori.

PlaceTypePreferenza typedef

google.maps.localContext.PlaceTypePreference typedef

Avviso: disponibile solo nel v=canale beta.

Un tipo di luogo da cercare e la ponderazione da utilizzare. Se weight viene omesso, la raccolta determinerà le ponderazioni predefinite, che potrebbero cambiare e migliorare nel tempo.

{
  type:string,
  weight:number optional
}

Classe MapDirectionsOptions

lezione google.maps.localContext.MapDirectionsOptions

Avviso: disponibile solo nel v=canale beta.

Fornisce le impostazioni per le indicazioni stradali con un LocalContextMapView.

Questo corso implementa MapDirectionsOptionsLiteral.

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

Proprietà
Ereditata: origin

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

Interfaccia MapDirectionsOptionsLiteral

google.maps.localContext.MapDirectionsOptionsLiteral interfaccia

Avviso: disponibile solo nel v=canale beta.

In molti punti sono ammessi valori letterali di oggetti al posto degli oggetti MapDirectionsOptions. Queste vengono convertite in oggetti MapDirectionsOptions quando vengono riscontrati dall'API di Google Maps.

Proprietà
origin	Tipo:  LatLng|LatLngLiteral Origine per indicazioni stradali e distanza.

Interfaccia di PinOptions

google.maps.localContext.PinOptions interfaccia

Avviso: disponibile solo nel v=canale beta.

Opzioni per la personalizzazione di un segnaposto.

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 di PlaceChooserViewSetupOptions

google.maps.localContext.PlaceChooserViewSetupOptions interfaccia

Configura le opzioni del selettore di luoghi. Scopri di più su come impostare layout e visibilità.

Proprietà
layoutMode optional	Tipo:  PlaceChooserLayoutMode optional
position optional	Tipo:  PlaceChooserPosition optional Ignorato quando layoutMode:HIDDEN. In caso contrario, la posizione verrà determinata automaticamente in base al layoutMode.

Costanti di PlaceChooserLayoutMode

google.maps.localContext.PlaceChooserLayoutMode costanti

Avviso: disponibile solo nel v=canale 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 della sede è nascosto.
SHEET	Il selettore di luoghi viene mostrato come foglio.

costanti di PlaceChooserPosition

google.maps.localContext.PlaceChooserPosition costanti

Avviso: disponibile solo nel v=canale beta.

Visualizza le posizioni per il selettore dei 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 linea sotto la mappa che si estende fino alla fine del contenitore.
INLINE_END	Il selettore delle attività viene visualizzato in linea con la mappa alla fine della riga. Con una lingua da sinistra a destra, il selettore di luogo si trova a destra della mappa.
INLINE_START	Il selettore delle attività viene visualizzato in linea con la mappa all'inizio della riga. In una lingua da sinistra a destra, il selettore di luogo si trova a sinistra della mappa.

Interfaccia di PlaceDetailsViewSetupOptions

google.maps.localContext.PlaceDetailsViewSetupOptions interfaccia

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

Proprietà
hidesOnMapClick optional	Tipo:  boolean optional
layoutMode optional	Tipo:  PlaceDetailsLayoutMode optional
position optional	Tipo:  PlaceDetailsPosition optional Ignorato quando layoutMode:INFO_WINDOW. In caso contrario, la posizione verrà determinata automaticamente in base al layoutMode.

Costanti di PlaceDetailsLayoutMode

google.maps.localContext.PlaceDetailsLayoutMode costanti

Avviso: disponibile solo nel v=canale 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: InfoWindow.
SHEET	I dettagli del luogo vengono visualizzati in un foglio.

costanti PlaceDetailsPosition

google.maps.localContext.PlaceDetailsPosition costanti

Avviso: disponibile solo nel v=canale beta.

Visualizza 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 con direzione da sinistra a destra, ciò 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 con direzione da sinistra a destra, i dettagli del luogo si trovano a sinistra della mappa.