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

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

Георгий

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 комментариев

Авторизуйтесь, чтобы оставить комментарий

dimik

28 января 2016, 04:20

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

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

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

Георгий

28 января 2016, 04:20

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

Георгий

28 января 2016, 04:20

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

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

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

dimik

28 января 2016, 04:20

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

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

Георгий

28 января 2016, 04:20

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

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. Нажимаю справа на нужную ссылку и на карте отображаются соответствующие метки (как в оригинале) и я нахожу ближайшую к моему адресу.

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

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

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

dimik

28 января 2016, 04:20

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

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

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

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

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

Георгий

28 января 2016, 04:20

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

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

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

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