Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Удаленная работа для IT-специалистов
ymaps.ready(init); function init () { var myMap = new ymaps.Map('my-map', { center: [52.29778, 104.29639], zoom: 4 }); var html = '<div class="projects__item-in">'; html += '<span>Газпром</span>'; html += '<span>Инженерный проект 1</span>'; html += '<span>Иркутск</span>'; html += '<button type="button" class="projects__item-in-link">Подробнее</button>'; html += '</div>'; $('#my-map').on('click', function(e) { var target = e.target if(target.classList.contains('projects__item-in-link')) { $('.popup').css('display', 'block'); $('.projects__item-in').css('display', 'none'); } }) var myPlacemark1 = new ymaps.Placemark([52.29778, 104.29639], {balloonContent: html }, {iconLayout: 'default#image', iconImageHref: 'img/pin-3.png', iconImageSize: [64, 88], iconImageOffset: [-32, -88], balloonLayout: "default#imageWithContent", balloonContentSize: [184, 130], balloonShadow: false, hideIconOnBalloonOpen: false } ); myMap.geoObjects.add(myPlacemark1); }