Как можно реализовать функцию, при которой при клике на всплывающий балун происходит приближение к местоположению этого балуна?

Код, о котором идет речь, --------------------------------------------------------------?
  • 22 ноября 2023 г. 16:48
Ответы на вопрос 1
Для реализации данной функции нужно использовать JavaScript и оперировать событием клика на всплывающем балуне и методами карты для приближения.

Пример кода на языке JavaScript с использованием библиотеки Google Maps API:

```javascript
// Создаем объект карты
const map = new google.maps.Map(document.getElementById('map'), {
  center: { lat: 55.751244, lng: 37.618423 },
  zoom: 10
});

// Создаем всплывающий балун
const infoWindow = new google.maps.InfoWindow({
  content: 'Местоположение балуна'
});

// Создаем маркер на карте
const marker = new google.maps.Marker({
  position: { lat: 55.751244, lng: 37.618423 },
  map: map,
  title: 'Маркер'
});

// Добавляем обработчик события клика на балун
infoWindow.addListener('domready', function() {
  const balloonEl = document.querySelector('.gm-style-iw');
  balloonEl.addEventListener('click', function() {
    // При клике на балун выполняем приближение к его местоположению
    map.setZoom(15);
    map.panTo(marker.getPosition());
  });
});

// Открываем всплывающий балун при загрузке карты
infoWindow.open(map, marker);
```

Необходимо убедиться, что вы импортировали библиотеку Google Maps API и указали корректные координаты для карты и маркера. Также убедитесь, что у вас есть элемент с id "map", куда будет вставлена карта.
Похожие вопросы