Задать вопрос

Как реализовать изменение масштаба при клике на метку (Yandex.Map 2.0)?

Подскажите как сделать увеличение масштаба карты при клике на Placemark
При клике на кнопку показать на карте происходит увеличение масштаба, а вот как сделать такую же фичу для маркера, не могу понять
<ul class="addresses">
    <li>
	<a class="map-link" data-index="0" data-c1="54.229275" data-c2="28.506697" href="exemple.html#top">Показать на карте</a>
    </li>
</ul>
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<script type="text/javascript">
var map;
ymaps.ready(function () {
  map = new ymaps.Map ("map", {center: [54.229275,28.506697], zoom: 7});
  map.controls.add(new ymaps.control.ZoomControl());
  map.controls.add(new ymaps.control.TypeSelector(['yandex#map', 'yandex#publicMap']));
  var myPlacemark = new ymaps.Placemark(map.getCenter(), {hintContent: ''}, {iconImageHref: '[(base_url)]assets/images/dealer.png',iconImageSize: [23,30]});
  map.geoObjects.add(myPlacemark);
  $('.addresses .map-link').bind('click', function () {
    $('.addresses .map-link').removeClass('active');
    $(this).addClass('active');
    var c1, c2;
    c1 = $(this).attr('data-c1');
    c2 = $(this).attr('data-c2');
    map.setCenter([c1, c2], 15);
  });
});
</script>


Живой пример
  • Вопрос задан
  • 7968 просмотров
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
teotlu
@teotlu
Навёрстываю упущенное
Вот как-то так:
myPlacemark.events.add("click", function(){
  map.setZoom( map.getZoom() + 1 );
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы