Сведения о месте (новое)

Выберите платформу: Android iOS JavaScript Web Service
Разработчики Европейской экономической зоны (ЕЭЗ)

Извлечь поля

Если у вас есть существующий объект Place или идентификатор места, используйте метод Place.fetchFields() для получения информации об этом месте. Укажите список полей данных о месте, разделённых запятыми; имена полей указывайте в стиле «camel». Используйте возвращаемый объект Place для получения данных для запрошенных полей.

В следующем примере используется идентификатор места для создания нового Place , вызывается Place.fetchFields() запрашивающий поля displayName и formattedAddress , добавляется маркер на карту и выводятся некоторые данные в консоль.

Машинопись 

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
Обратите внимание, что Map и Place были объявлены до этой функции:
const { Map } = await google.maps.importLibrary("maps");
const { Place } = await google.maps.importLibrary("places");
 Посмотреть полный пример

Используйте компонент «Обзор места»

Компонент «Обзор места» отображает подробную информацию о миллионах компаний, включая часы работы, отзывы и фотографии, а также маршруты и другие действия в готовом пользовательском интерфейсе в пяти размерах и форматах. Он входит в состав расширенной библиотеки компонентов платформы Google Карт — набора веб-компонентов, который помогает разработчикам быстрее создавать более качественные карты и функции определения местоположения.

Используйте конфигуратор Place Overview для создания встраиваемого кода для пользовательского компонента Place Overview, а затем экспортируйте его для использования с популярными фреймворками, такими как React и Angular, или без фреймворка вообще.