Клуб API Карт

Ссылки на метки

orn812
27 сентября 2015, 16:46

Здравствуйте! 

 

Занимаюсь соданием карты для института, на карте 5-10 меток, каждая из которых прописана примерно так:

 

fivektwotplacemark = new ymaps.Placemark([59.994945, 30.344677], {

balloonContentFooter: 'Второе учебное здание',

hintContent: 'Адрес', 

balloonContentHeader: 'Второе учебное здание',

balloonContentBody: '<div style="align:center;"><img src="/images/5k1-second.jpg" alt="" width="200" height="150"></div><p><a href="/priemnaya-komissiya/">Приемная комиссия</a>, актовый зал, отдел внеаудиторной и внеучебной работы.</p><p> Факультеты:</p>'

}, {

        iconLayout: 'default#image',

        iconImageHref: '/wp-content/themes/template-temp/images/mapicon.png',

        iconImageSize: [35, 40],

        iconImageOffset: [-3, -42]

 

});

 

 

Как сделать на каждую метку ссылку наподобие списка объектов (там я не понял, как запихать в группу всю эту красоту со своими иконками и картинками) https://tech.yandex.ru/maps/jsbox/2.1/object_list, чтобы она открывалась при щелчке?

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

Как запихать в группу красоту?

Скорее всего ваш вопрос про запихивание и щелчок не относится к специфике клуба и АПИ Карт тут ни при чем

Вот хорошая книжка про JavaScript: http://javascript.ru/book/definitiveguide

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

 

Как вывести списое вот таких вот, настроенных меток, а не просто точек на карте?

про группы я не понял. есть картинка?
вывести список где?

 https://tech.yandex.ru/maps/jsbox/2.1/object_list 

вот пример вывода меню, пункты которого задаются метками на карте

 

В этом примере метки даются ввиде:

 

var groups = [

        {

            name: "Известные памятники",

            style: "islands#redIcon",

            items: [

                {

                    center: [50.426472, 30.563022],

                    name: "Монумент "Родина-Мать""

                },

                {

                    center: [50.45351, 30.516489],

                    name: "Памятник "Богдану Хмельницкому""

                },

                {

                    center: [50.454433, 30.529874],

                    name: "Арка Дружбы народов"

                }

            ]},

 

Хочу сделать то же самое, но с метками, созданными с применением своих стилей,

 Они выглядят так:

fivektwotplacemark = new ymaps.Placemark([59.994945, 30.344677], {

balloonContentFooter: 'Второе учебное здание',

hintContent: 'Адрес', 

balloonContentHeader: 'Второе учебное здание',

balloonContentBody: '

Приемная комиссия, актовый зал, отдел внеаудиторной и внеучебной работы.

Факультеты:

'

}, {

        iconLayout: 'default#image',

        iconImageHref: '/wp-content/themes/template-temp/images/mapicon.png',

        iconImageSize: [35, 40],

        iconImageOffset: [-3, -42]

 

});

 

Как вывести меню с такими метками? 

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

Я тоже сегодня ночью об этом думал)

А где можно посмотреть примерный синтаксис? Или пример?

В java плохо шарю, редко с ним сталкиваюсь.

 

А, вижу ссылки