Как изменить цвет иконки на yandex карте при клике на кнопку из DOM

Question

решил реализовать интерактивную карту, где имеется модуль Yandex карт и ниже адреса. Главной задачей является сделать так, что бы при клике на адрес будет подсвечиваться (перекрашиваться) иконка на карте. Основной сложностью является обращение к Событиям и изменениям API.


<body>
<button id="show">Показать на карте</button>
<div id="map" style="width: 400px; height: 400px"></div>
</body>

ymaps.ready(init);

var coords = [55.782392, 37.614924];
function init() {
  var myMap = new ymaps.Map("map", {
          center: [55.76, 37.64],
          zoom: 10
      }, {
          searchControlProvider: 'yandex#search'
      });

  myMap.geoObjects
      .add(new ymaps.Placemark(coords, {},
      {}


      ));
      $('#show').click(function(){
          myMap.geoObjects.options.set({
              iconLayout: 'default#image',
              iconImageHref: 'test1.png',
              iconImageSize: [34, 34],
              iconImageOffset: [-17, -17]
          });
      });

}
  ```

Это простая инициализация карты. 
В мыслях одно - click -> меняем цвет -> далее при клике на другой адрес - этот в исходное положение и тд...
Может кто сталкивался, может существуют библиотеки которые это уже умеют)
Заранее спасибо за ответы!

БЛОГ НА HUSL

Как изменить цвет иконки на yandex карте при клике на кнопку из DOM

Ответы (0 шт):