Dettagli luogo (nuovo)

Seleziona la piattaforma:Android iOS JavaScript Servizio web
Sviluppatori dello Spazio economico europeo (SEE)

Recupera campi

Se hai un ID oggetto o luogo Place esistente, utilizza il metodo Place.fetchFields() per ottenere i dettagli del luogo. Fornisci un elenco separato da virgole di campi di dati sui luoghi da restituire; specifica i nomi dei campi in formato 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() {
    const { Place } =  await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
    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,
    });
}
index.ts

JavaScript

async function getPlaceDetails() {
    const { Place } = await google.maps.importLibrary("places");
    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,
    });
}
index.js
Tieni presente che Map e Place sono stati dichiarati prima di questa funzione: 
const { Map } = await google.maps.importLibrary("maps");
const { Place } = await google.maps.importLibrary("places");
 Vedi l'esempio completo

Utilizzare il componente Panoramica del luogo

Il componente Panoramica del luogo mostra informazioni dettagliate su milioni di attività, tra cui orari di apertura, recensioni con stelle e foto, oltre a indicazioni stradali e altre azioni 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 mappe migliori e funzionalità di localizzazione più rapidamente.

Utilizza lo strumento di configurazione della panoramica del luogo per creare codice incorporabile per un componente personalizzato della panoramica del luogo, quindi esportalo per utilizzarlo con framework popolari come React e Angular o senza alcun framework.