Клуб API Карт

Клуб API Карт

API карта регионы + балун

Пост в архиве.

Добрый день.

Есть карта регионов России, у каждого региона есть свой балун с информацией. Вопрос, как сделать так чтобы при открытии карты на сайте все былуны были скрыты, а как только пользователь наводит курсор мыши на регион то балун становился видимым, а когда убирал курсор мыши с региона, то балун скрывался? 

Заранее спасибо) 

7 комментариев
Авторизуйтесь, чтобы оставить комментарий
dimik
28 января 2016, 01:09

слушать событие mouseenter, - открывать балун,

по mouseleave закрывать балун

Reidel-A
28 января 2016, 01:09

А как это прописать? Вот прописал балун и смену цвета региона, а как прописать по mouseenter открывать балун и по mouseleave закрывать?

 

var myPlacemark24 = new ymaps.Placemark(

                                                               [58.335676559411084 ,107.39421405000007], {

                                                               balloonContentHeader: 'Офис',

                                                               balloonContentBody: '№1',

                                                               balloonContentFooter: 'Текст'                                                 },

{             

preset: 'twirl#greenDotIcon'

});

 

                               myMap.geoObjects.add(myPlacemark24);


result.geoObjects.events.add('mouseenter', function (e) {

var region = e.get('target');

region.properties.set("hintContent",""+region.properties.get('name')+"b>"+region.properties.get('osmId')+"");

                                                                                                             region.options.set('strokeColor', '000000');

 

});

result.geoObjects.events.add('mouseleave', function (e) {

var region = e.get('target');

                                                                                                             region.options.set('strokeColor', 'ffffff00');

});

 

dimik
28 января 2016, 01:09

e.get('target').balloon.open();

e.get('target').balloon.close();

Reidel-A
28 января 2016, 01:09

Прописал во так не срабатывает

 

var myPlacemark24 = new ymaps.Placemark(

                                                               [58.335676559411084 ,107.39421405000007], {

                                                               balloonContentHeader: 'Офис',

                                                               balloonContentBody: '№1',

                                                               balloonContentFooter: 'Текст'                                                 },

{             

preset: 'twirl#greenDotIcon'

});

 

                               myMap.geoObjects.add(myPlacemark24); 

 

result.geoObjects.events.add('mouseenter', function (e) {

var region = e.get('target');

e.ge('target').myPlacemark24.open();

 

dimik
28 января 2016, 01:09

 

 
e.ge('target').
myPlacemark24
.open();

откуда у региона, на который навели мышкой возьмется поле myPlacemark24?

посмотрите выше что я вам написал

Reidel-A
28 января 2016, 01:09

Вы написали на открытие и закрытие. Не могу понять  где это прописать ( 

e.get('target').balloon.open();

e.get('target').balloon.close();



dimik
28 января 2016, 01:09

result.geoObjects.events.add('mouseenter', function (e) {

var region = e.get('target');

region.balloon.open();

});

result.geoObjects.events.add('mouseleave', function (e) {

var region = e.get('target');

region.balloon.close();

});