Добрый вечер! Чтобы связать кнопку с конкретным маркером на карте Google Maps, вам потребуется использовать JavaScript и API Google Maps.
Вот пример кода, который позволит вам связывать кнопку с маркером и открывать информационное окно при клике на кнопку:
```html
<!DOCTYPE html>
<html>
<head>
<style>
#map {
height: 400px;
width: 100%;
}
#button {
margin-top: 10px;
}
</style>
</head>
<body>
<div id="map"></div>
<button id="button">Открыть информацию</button>
<script>
// Функция инициализации карты
function initMap() {
// Координаты центра карты
var myLatLng = {lat: 51.509865, lng: -0.118092};
// Создание карты
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: myLatLng
});
// Создание маркера
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Маркер'
});
// Создание информационного окна
var infowindow = new google.maps.InfoWindow({
content: 'Информация о маркере'
});
// Обработчик клика на кнопку
document.getElementById('button').addEventListener('click', function() {
// Открытие информационного окна при клике на кнопку
infowindow.open(map, marker);
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=ВАШ_API_КЛЮЧ&callback=initMap" async defer></script>
</body>
</html>
```
В приведенном выше коде создается карта с маркером и кнопкой. При клике на кнопку вызывается функция `initMap()`, которая инициализирует карту, маркер и информационное окно. Затем добавляется обработчик клика на кнопку, который открывает информационное окно при клике на кнопку.
Обратите внимание, что вам нужно будет заменить `ВАШ_API_КЛЮЧ` на ваш ключ API Google Maps.
Надеюсь, это поможет! Если у вас возникнут еще вопросы, пожалуйста, дайте знать.
