При нажатии на button нужно чтобы соответствующая метка меняла свое изображение. При повторном клике нужно вернуть дефолтное состояние. Код для самих меток есть, нужна реализация их смены при клике.
<div class="button">Заголовок</div>
<div class="button">Заголовок</div>
<div class="map-shipping">
<div id="map-shipping"></div>
</div>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Карта -->
<script src="https://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU"></script>
<script>
var myMap;
ymaps.ready(init);
function init () {
myMap = new ymaps.Map('map-shipping', {
center:[55.63651406908719,37.26042899999999],
zoom:12
});
myMap.controls.add(new ymaps.control.ZoomControl());
myMap.controls.add(new ymaps.control.MapTools());
myMap.controls.add('scaleLine');
myMap.controls.add('typeSelector');
placemark = new ymaps.Placemark([55.63651406908719,37.26042899999999], {},
{
iconImageSize: [27, 38],
cursor: 'pointer',
iconShadow: true,
iconImageHref: 'img/icons/map-marker.svg',
balloonclose: true,
});
placemark2 = new ymaps.Placemark([55.63658689459852,37.27629785452268], {},
{
iconImageSize: [27, 38],
cursor: 'pointer',
iconShadow: true,
iconImageHref: 'img/icons/map-marker.svg',
balloonclose: true,
});
myMap.geoObjects.add(placemark);
myMap.geoObjects.add(placemark2);
}
</script>