Клуб API Карт

Клуб API Карт

Пожалуйста, помогите доделать карту

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

Пожалуйста, помогите доделать карту :(

Вот  то, что я уже сделал: http://rulevoe.com/primer.html (смотрите исходный код)

1) Хочу, чтобы две синие метки "Церковь"  и "Супермаркет" были изначально подписаны, а не только когда нажимаешь на них. (хочу как-то внутри синей метки разместить текст)

2) Между кнокой "Линейка" и поиском хочу добавить кнопочку в виде домика. Когда на эту кнопочку будут нажимать, то карта будет центрироваться на "Специализированный центр гидравлики РУЛЕВОЕ"

3) Хочу добавить свою маленькую картинку (в виде домика) в то место, куда показывает балун "Специализированный центр гидравлики РУЛЕВОЕ"

Очень прошу помогите. Никак не получается :(

6 комментариев
Авторизуйтесь, чтобы оставить комментарий
rodlex
28 января 2016, 07:04
1. В значок метки можно задать контент
2. Создаете кнопку и вешаете на нее обработчик события Click. А в самом обработчике центируете карту.
3. У метки можно сменить значок на любой из стандартных или на свой.
zeos.ua
28 января 2016, 07:04
СПАСИБО ОГРОМНОЕ! Ща буду заниматься! (B)
zeos.ua
28 января 2016, 07:04

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


 



var toolbar = new YMaps.ToolBar ();
var button = new YMaps.ToolBarButton ( { caption: "Добавить метку", hint: "Добавляет метку в центр карты" } );

YMaps.Events.observe ( button, button.Events.Click, function () {
map.setCenter ( new YMaps.GeoPoint ( 37.64, 55.76 ), 10 );
}, map );

toolbar.add ( button );
map.addControl ( toolbar );

Но как сделать, чтобы вместо слова "Добавить метку" на кнопке была моя картинка в виде домика? На кнопке "Измерение расстояний на карте" нарисована же как-то линейка. Можно ли решить мою проблему?

 

zeos.ua
28 января 2016, 07:04

Попробовал сделать так:


var center = new YMaps.ToolBarButton ( { caption: "http://api-maps.yandex.ru/i/0.4/icons/icon-hand-ruler-zoom.png\">", hint: "Добавляет метку в центр карты" } );

Оно конечно работает, но чувствую что можно как-то правильнее сделать :)

zeos.ua
28 января 2016, 07:04

Всё, нашел сам! Прошу прощенья за флуд :)


Кому интересно, то вот: http://api.yandex.ru/maps/jsapi/doc/ref/reference/toolbarbutton.xml


Пример:


var center = new YMaps.ToolBarButton ( { icon: "http://api-maps.yandex.ru/i/0.4/icons/icon-hand-ruler-zoom.png", caption: "Текст", hint: "Добавляет метку в центр карты" } );


 

zeos.ua
28 января 2016, 07:04

Заметил один баг.


Если я пишу такой код:


var button_center = new YMaps.ToolBarButton ( { icon: "http://api-maps.yandex.ru/i/0.4/icons/icon-hand-ruler-zoom.png", hint: "Специализированный центр гидравлики \"РУЛЕВОЕ\"" } );


то при наведении на кнопку вижу только: "Специализированный центр гидравлики", а заэкранированное слово РУЛЕВОЕ пропадает :(


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


var button_center = new YMaps.ToolBarButton ( { icon: "http://api-maps.yandex.ru/i/0.4/icons/icon-hand-ruler-zoom.png", hint: "Специализированный центр гидравлики 'РУЛЕВОЕ'" } );