2

Как можно реализовать плавное перемещение карты для каждого элемента отдельно? Т.е. задаю какой-то переключатель и он привязывается к одной точке. И эти переключатели могли находится в любом месте экрана. На сайте Яндекса есть пример для списка: http://api.yandex.ru/maps/doc/jsapi/1.x/examples/mappanto.html

<ul id="mapMenu"></ul>
<div id="YMapsID" style="width:600px;height:400px"></div>
var destinations = {
  'Москва': new YMaps.GeoPoint(37.609218, 55.753559),
  'Санкт-Петербург': new YMaps.GeoPoint(30.313497, 59.938531),
  'Екатеринбург': new YMaps.GeoPoint(60.617435, 56.829748),
  'Одесса': new YMaps.GeoPoint(30.7058, 46.466444)
};

// Устанавливает центр карты на первом городе из списка
map.setCenter(destinations['Москва'], 10);

var menuContainer = YMaps.jQuery('#mapMenu');

// Создает список городов
for (var item in destinations) {
  // Использует замыкание, чтобы работать с конкретным свойством объекта
  (function(title, geoPoint) {
    // Создает ссылку, обернутую в тег <p> для лучшей читаемости
    YMaps.jQuery("<li><a href=\"#\">" + item + "</'a></li>")
      .find('a')
      // По щелчку на ссылке создает обработчик
      .bind('click', function() {

        // Подчеркивает все ссылки
        menuContainer.find('a').css('text-decoration', 'underline');

        // Кроме той, что была выбрана пользователем
        YMaps.jQuery(this).css('text-decoration', 'none');

        // Перемещает карту
        map.panTo(geoPoint, {
          flying: 1
        });
        return false;
      })
      .end()

      // Записывает созданный элемент списка в список
      .appendTo(menuContainer);
  })(item, destinations[item])
}

1 ответ 1

3

Не понимаю, ведь у вас все в примере есть. Протренеровался с вашим примером до пол второго, зато теперь буду знать как с ними на фидлере работать - http://jsfiddle.net/vdann/YDg62/14/. Вот здесь правда удобней проверять - http://api.yandex.ru/maps/jsbox/

5
  • Спасибо огромное! Еще такой вопросик. Как можно сделать, что бы все ссылки были с одним названием, к примеру: "посмотреть на карте", но переключали каждая свой город?
    – xmocartx
    18 июн 2013 в 6:07
  • Как это все привязать к карте из конструктора с id?)
    – xmocartx
    18 июн 2013 в 7:24
  • в html - ... <div id="map" ... в js - ... myMap = new ymaps.Map('map' ...
    – vdann
    18 июн 2013 в 12:19
  • Напомнило мне мультик - "A семь шапок можешь?" jsfiddle.net/vdann/YDg62/19
    – vdann
    18 июн 2013 в 12:25
  • Все работает. А возможно еще увеличение(приближение) по клику на метку с зум 5 на 14??? 31 мая 2019 в 13:38

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.