Place Details

Seleziona la piattaforma: Android iOS JavaScript Servizio web

Campi di recupero

Se hai già un ID luogo o oggetto Place, utilizza il metodo Place.fetchFields per ottenere i dettagli del luogo. Fornisci un elenco separato da virgole di posizionare i campi di dati da restituire; e specificare i nomi dei campi in caratteri a cammello. Utilizza l'oggetto Place restituito per ottenere dati per campi richiesti.

L'esempio seguente utilizza un ID luogo per creare una nuova risorsa Place, chiama Place.fetchFields richiede 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,
    });
}
index.ts

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,
  });
}

index.js

Utilizzare il componente Panoramica dei luoghi

Il componente Panoramica del luogo mostra informazioni dettagliate su milioni di attività, tra cui orari di apertura, recensioni con stelle e foto, nonché indicazioni stradali e altre azioni in un'interfaccia utente predefinita in cinque 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.