Клуб API Карт

Клуб API Карт

Размещение красивых меток и гиперссылок в балуне

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

Приветствую!

Прошу Вас, о мудрейшие, дать вразумительные инструкции неопытному товарищу, чтобы он на конкретном примере начал свое погружение в этот удивительный мир Яндекс-карт-программирования)))

 

Поясните, если не сложно, как в этот фрагмент кода (сгенерированный в Конструкторе):

 add(new ymaps.Placemark([82.12364343749991, 52.18347703964408], {balloonContent: "Шипуново"}, {preset: "twirl#blueDotIcon"})).

добавить свой собственный значок "http://i051.radikal.ru/1209/50/b5b6f9da6228.png", а при открытии балуна чтоб текст "Шипуново" содержал гиперссылку на материал сайта о селе Шипуново:

http://www.xn--22-6kc1cvaaoh7b.xn--p1ai/%D0%BC%D0%B0%D1%80%D1%88%D1%80%D1%83%D1%82-%D0%BF%D1%80%D0%BE%D0%B9%D0%B4%D0%B5%D0%BD/%D0%B8-%D0%B2%D0%BD%D0%BE%D0%B2%D1%8C-%D0%B2%D0%BE%D0%B7%D0%B2%D1%80%D0%B0%D1%89%D0%B0%D1%8E%D1%81%D1%8C-%D0%BA-%D0%BA%D0%BE%D1%81%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%BE%D0%B9-%D1%82%D0%B5%D0%BC/ 

 

2.Предоставляет ли Конструктор возможность прокладки маршрутов при использовании Яндекс-карт на сторонних сайтах?

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

конкретные примеры есть в примерах

2 вопрос не понял

С. А.
28 января 2016, 03:34

Спасибо за отклик! Как они выглядят, видел, не могу найти, как прописать это в коде.

 

2 вопрос - посмотрите как работает карта Гугел ))). Можно просто задать названия населенных пунктов и она покажет расстояние и время в пути.

Тож самое хочу сделать с использованрием Яндекс-карт, поскольку они более детализированы для нашей местности.   

dimik
28 января 2016, 03:34

 

Спасибо за отклик! Как они выглядят, видел, не могу найти, как прописать это в коде.

можно наверное посмотреть в код примера.

 

2. Ничего мега-сложного не вижу - нужно программировать.

С. А.
28 января 2016, 03:34

ткните пжста - не могу увидеть где такое!

dimik
28 января 2016, 03:34

куда именно ткнуть?

С. А.
28 января 2016, 03:34

Где приводится описание соответствующего кода

dimik
28 января 2016, 03:34

 в примерах 

С. А.
28 января 2016, 03:34

Любезный, что я должен понять из этого примера? 

 

С. А.
28 января 2016, 03:34

Все вижу исходный элемент! Спасибо!

С. А.
28 января 2016, 03:34

В общем вынужден продолжить.

Ищу много дней (пару недель уже) Как решить мою задачу на сайте Wordpress/

полученный в контрукторе код  понемногу меняю, но так и не получилось сделать балун с содержимым (картинкой и гиперссылкой)

 

http://api.yandex.ru/maps/tools/constructor/index.xml" target="_blank">Создано с помощью инструментов Яндекс.Карт

 

С. А.
28 января 2016, 03:34

Суть проблемы в том, что карта пропадает, как только я добавляю данные о балуне с содержимым  (фрагмент скрипта выделен жирным)

 

Карту оставил в рабочем состоянии -  

dimik
28 января 2016, 03:34

Код который вы пытаетесь добавить из старого АПИ 1.0

он не будет работать в АПИ 2

 

С. А.
28 января 2016, 03:34

А где найти инструкции по изготовлению балуна с содержимым для версии 2.0?  

С. А.
28 января 2016, 03:34

http://api.yandex.ru/maps/tools/constructor/index.xml" 

target="_blank">Создано с помощью инструментов Яндекс.Карт

ЧТО не ТАК? не работает! (((((:-(
dimik
28 января 2016, 03:34

в такой каше сложно понять.

отформатируйте код, и рекомендую заглядывать в консоль броузера,

если были ошибки - вы их там увидите.

На вскидку вы не добавили myPlacemark на карту

это надо делать перед открытием балуна

map.geoObjects.add(myPlacemark);

С. А.
28 января 2016, 03:34

Все таки в WP синтаксис существенно отличается от приведенных примеров.  

 

add(myPlacemark = new ymaps.Placemark([84.98160653876698, 51.99564724265292], {balloonContent: 'Прогулки по Белокурихе'},{iconContent: "Белокуриха"},{preset: "twirl#redStretchyIcon"}))

Добавление метки с открытием балуна и гиперссылкой внутри него. Осталось найти путь как добавить туда картинку 

Причем, iconContent пока тоже не отображается. в данном конкретном примере он и не нужен, но в принципе почему? и значок иконки выведен другой!  :-@

 

С. А.
28 января 2016, 03:34

Про консоль браузера не понял..

 

Мои вопросы никому не интересны...

dimik
28 января 2016, 03:34

 

{balloonContent: 'огулки-по-белокурихе-с-размахом-кры/">Прогулки по Белокурихе'},{iconContent: "Белокуриха"}

замени на

 

{balloonContent: 'Прогулки по Белокурихе', iconContent: "Белокуриха"}

 

С. А.
28 января 2016, 03:35

Любезный, спасибо за внимание!

С Вашей помощью получается. Иконка "Город-курорт" стала интерактивной

Остался всего 1 шаг до решения задачи. Необходимо в балун добавить картинку.

Мой вариант 

 

add(myPlacemark = new ymaps.Placemark([84.98160653876698, 51.99564724265292], {iconContent: 'Город-курорт',balloonContentHeader: "Посмотрите!",balloonContentBody: 'Прогулки по Белокурихе',balloonImageHref="http://www.маршрут22.рф/wp-content/uploads/2012/03/Bel_Icon_31.png" />"}, {preset: 'twirl#blueStretchyIcon'}))

Так?

 

dimik
28 января 2016, 03:35

добавь ее html-код в balloonContentBody

С. А.
28 января 2016, 03:35

Спасибо Вам! Заработало - иконка город-курорт.  Я пробовал этот вариант и раньше, но, оказывается, требования к синтаксису не учел - важны пробелы!   

:-)

 

Прыгаю до потолка!

С. А.
28 января 2016, 03:35

Вот кстати то, что я хотел сделать. 

Каждая иконка прописывается вот так:

add(new ymaps.Placemark([83.70258478271458, 53.32633847517803], {iconContent: 'НОЕВ КОВЧЕГ', balloonContentHeader: "НОЕВ КОВЧЕГ", balloonContentBody: 'http://content.foto.mail.ru/mail/alexsp2007/_myphoto/i-180.jpg" />ОЦЕНИТЬ ЭТО ЗАВЕДЕНИЕ'}, {preset: 'twirl#blueStretchyIcon'}))