Campi di recupero
Se disponi già di un oggetto o un ID luogo Place
, utilizza Place.fetchFields
per ottenere i dettagli sul luogo. Fornisci un elenco separato da virgole di
campi di dati dei luoghi da restituire;
specifica i nomi dei campi in stile camel case. Utilizza l'oggetto Place
restituito per ottenere i dati per i campi richiesti.
L'esempio seguente utilizza un ID luogo per creare un nuovo Place
, chiama Place.fetchFields
richiedendo i campi displayName
e formattedAddress
, aggiunge un indicatore
alla mappa e registra alcuni dati nella console.
TypeScript
async function getPlaceDetails(Place) { const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary; // Use place ID to create a new Place instance. const place = new Place({ id: 'ChIJN5Nz71W3j4ARhx5bwpTQEGg', requestedLanguage: 'en', // optional }); // Call fetchFields, passing the desired data fields. await place.fetchFields({ fields: ['displayName', 'formattedAddress', 'location'] }); // Log the result console.log(place.displayName); console.log(place.formattedAddress); // Add an Advanced Marker const marker = new AdvancedMarkerElement({ map, position: place.location, title: place.displayName, }); }
JavaScript
async function getPlaceDetails(Place) { const { AdvancedMarkerElement } = await google.maps.importLibrary("marker"); // Use place ID to create a new Place instance. const place = new Place({ id: "ChIJN5Nz71W3j4ARhx5bwpTQEGg", requestedLanguage: "en", // optional }); // Call fetchFields, passing the desired data fields. await place.fetchFields({ fields: ["displayName", "formattedAddress", "location"], }); // Log the result console.log(place.displayName); console.log(place.formattedAddress); // Add an Advanced Marker const marker = new AdvancedMarkerElement({ map, position: place.location, title: place.displayName, }); }
Map
e Place
sono stati dichiarati prima di questa funzione:
const { Map } = await google.maps.importLibrary("maps"); const { Place } = await google.maps.importLibrary("places");
Utilizzare il componente Panoramica del luogo
Il componente Panoramica del luogo mostra informazioni dettagliate su milioni di attività commerciali, inclusi orari di apertura, recensioni a stelle e foto, oltre a indicazioni stradali e altro in un'interfaccia utente predefinita in 5 dimensioni e formati. Fa parte della Extended Component Library di Google Maps Platform, un insieme di componenti web che aiutano gli sviluppatori a creare più velocemente mappe e funzionalità di geolocalizzazione migliori.
Utilizza lo strumento di configurazione della panoramica del luogo per creare codice incorporabile per un componente personalizzato Panoramica del luogo, quindi esporta può essere utilizzato con framework popolari come React e Angular o nessun framework.