Как перевести карту на LocalContextMapView

Поскольку бета-функция библиотека локального контекста была не очень популярна, она перестанет поддерживаться в Maps JavaScript API, начиная с версии 3.52.2. Библиотека локального контекста будет работать до отдельного уведомления, но мы не рекомендуем добавлять ее в новые проекты.

Если вы хотите сами создать что-то похожее на библиотеку локального контекста, рекомендуем попробовать решение Neighborhood Discovery в инструменте Quick Builder или использовать библиотеку Places с Maps JavaScript API. При этом вам могут быть полезны примеры кода и практические работы для библиотеки Places.

Чтобы перевести реализацию Maps JavaScript API на использование библиотеки локального контекста:

Создайте экземпляр LocalContextMapView и используйте его для доступа к внутреннему объекту Map.
Включите в тег script параметры libraries=localContext и v=beta.
Удалите старое объявление google.maps.Map.
Объедините специальные стили карты со стилями локального контекста. Если вы не задали специальные стили карты, этот шаг можно пропустить.

Текущий код Maps JavaScript API может выглядеть следующим образом:

const map = new google.maps.Map(
  document.querySelector('#map-container'),
  /* map options */
);

Чтобы выполнить переход на библиотеку локальной среды, замените предыдущий код на следующий:

// Create a new LocalContextMapView instance.
const localContextMapView = new google.maps.localContext.LocalContextMapView({
  element: document.querySelector('#map-container'),
  placeTypePreferences: ['restaurant', 'cafe'],
  maxPlaceCount: 12,
});

// Access the inner map and set map options.
const map = localContextMapView.map;
map.setOptions(/* map options */);

Включите в тег script параметры libraries=localContext и v=beta:

<script src="https://maps.googleapis.com/maps/api/js?
  libraries=localContext&
  v=beta&
  key=YOUR_API_KEY&
  callback=initMap"
  async>
</script>

Если вы задали специальные стили, объедините их со стилями карты библиотеки локального контекста. Подробнее…