Клуб API Карт

Помогите настроить внешний вид метки

zhorec
24 июня 2012, 00:35

Сделал все как описано здесь: http://api.yandex.ru/maps/doc/jsapi/1.x/examples/mapgroupmenu.html

Можно даже на примере этой ссылки разобрать. 

Но внешний вид Балуна не устраивает. Перепробовал все, до чего додумался чтобы приблизить его к такому виду:

 

То есть изначально на карте подписана метка. Это по желанию и не для всех меток. Часть будет без подписи.

А при нажатии открывается балун с текстом и сылкой.

 

Вот этим я его настроил, но в другом случае. В приведенном выше примере не получилось так сделать. 

var myBalloonLayout = ymaps.templateLayoutFactory.createClass(
'<h3>$[properties.name]</h3>' +
'<p>$[properties.position]</p>' +
'<p>$[properties.population]</p>' +
'<p><a title="$[v]" target="_blank" href="$[properties.urlv]">$[properties.v]</a></p>'
); 

 

Собственно в этом вопрос. Я новичек, так что если можно подробнее ответьте, пожалуйтса) 

7 комментариев
Подписаться на комментарии к посту

в этом примере используется стиль меток, такой как у вас на картинке

делается через опции

 

var options = {
        balloonContentBodyLayout: balloonContentLayout,
        preset: "twirl#blueStretchyIcon"
    },
    placemark = new ymaps.Placemark([55.7, 37.5], properties, options);

Спасибо! Я уже разобрался что к чему.

С внешним видом метки я разобрался, теперь не могу прикрепить строку поиска.

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

По отдельности все работает: и поисковая строка, и метки. Но как только совмещаю их, то поис перестает работать. Вместо поиска все метки сбрасываются

как должно работать,

и что не получается?

Вот поиск по карте: 

http://api.yandex.ru/maps/doc/jsapi/2.x/examples/searchform.html

Вот оригинал, от которого я отталкиваюсь: 

http://api.yandex.ru/maps/doc/jsapi/1.x/examples/mapgroupmenu.html

 

Не могу их объединить. Так, чтобы в сроку поиска можно ввести адрес (улица и дом или просто улица) и карта отцентрировалсь по метке с этим адресом. И далее один из двух вариантов:

1. При этом все ссылки справа, а значит и метки на карте стали активными. Теперь я могу выбрать ближайшую метку к моему дому.

2. Нажимаю справа на нужную ссылку и на карте отображаются соответствующие метки (как в оригинале) и я нахожу ближайшую к моему адресу.

 

Какой вариант предпочтительнее еще не решил. Хочу протестировать оба и выбрать удобный. 

 

Так же можно пользоваться картой с метками без использования строки поиска. То есть нажимаю нужную ссылку и метки появляются.

 

У меня получается, что когда нажимаю кнопку поиска, то все метки исчезают и приходится снова нажимать ссылки, чтобы они появились. При этом поиск не работает впринципе.

 

 

 

 

 

В том примере поиска что вы привели,

перед каждым новым поиском с карты удаляются все объекты,

поэтому и исчезают ваши метки.

Нужно добавлять/удалять результаты поиска через отдельную коллекцию объектов,

или, например, использовать готовый SearchControl

Есть вот этот код















и есть вот этот:















     

    При объединении получаетсся, что кнопка "искать" не работает и ничего не находит. Ссылки справа нормально работают.

     

    Уже второй день не могу понять что к чему