Вопрос по Яндекс-карте для сайта

Яндекс карты поддерживают указание точек по координатам и адресу. Что-то подобное даже обсуждалось в их официальном сообществе. Это, что касается самой карты.

А, смену адресов на карте можно попробовать организовать через обработку события onclick на JavaScript.

На сайте "занимательная веб-картография" есть много примеров, вместе с архивами скриптов.

Вот пример, навороченный с категориями и метками пользователей

webmap-blog.ru/yandex-maps/spravochnik-na-karte-s-ispolzovaniem-api-yandeks-kart-2-1-novaya-versiya

Пример просто карта со списком

webmap-blog.ru/bez-rubriki/sozdanie-karty-na-sajte-s-adresami-magazinov-s-ispolzovaniem-api-yandeks-kart-versii-2-x-prodolzhenie

MMX3000, просто нарисовать, и у вас не заработает

вам нужно полноценно заморочится с их API

Да, юзать надо АPI, как-то тоже хотел по быстрому сделать, но не получилось. Надо разбираться. Время дойдет, сделаю себе.

Набросал простой пример с использованием API яндекс карт. https://jsfiddle.net/178x3v4m/2/

Под картой список адресов(городов), по клику переносит к соответствующей точке.

Если сами не справитесь с интеграцией или будут другие задачи по яндекс картам - обращайтесь, помогу.

Нашел такое решение https://tech.yandex.ru/maps/jsbox/2.1/object_list все работает.

Заказчик решил усложнить задачу и теперь просить сделать пользовательские метки PNG, там же есть информация как это сделать https://tech.yandex.ru/maps/jsbox/2.1/icon_sprites

Но в моем случае надо объединить 2 скрипта, пробовал - не получилось. Как провести корректное объединение скриптов?

Вот тот-же пример, только с использованием png картинки. https://jsfiddle.net/178x3v4m/3/

Чтоб вместо обычной метки использовать свою png картинку нужно при создании указать некоторые параметры.

Было:

placemark = new ymaps.Placemark(item.center, { balloonContent: item.name });

Стало

placemark = new ymaps.Placemark(item.center, { balloonContent: item.name },{

          iconLayout: 'default#image',

          iconImageClipRect: [[34,0], [62, 46]],

          iconImageHref: 'https://sandbox.api.maps.yandex.net/examples/ru/2.1/icon_sprites/images/sprite.png',

          iconImageSize: [26, 46],

          iconImageOffset: [-26, -46]

        });

jokerov, как думаете, почему так может быть: в списке 7 адресов, а на карте показывается только 5 точек?

Возможно те две точки находятся далеко от остальных и не попадают в фокус на карте.

А если при клике на адрес не перекидывает на точку, то надо проверить правильность синтаксиса js(где-то запятая пропущена или какие-нибудь символы в названии левые). Так-же, нужно проверить сами координаты.

В общем смотреть надо на странице. Можете скинуть ссылку сюда или в личку - дам более точный ответ.