Чтобы перевести реализацию 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>
Если вы задали специальные стили, объедините их со стилями карты библиотеки локального контекста. Подробнее…