1

Вот тут есть карта, на ней реализовано переключение разных карт. Обратите внимание, что карта пролистывается до нужных координат или по другому, анимирует переключение координат. У меня реализовано через метод panTo, но он мгновенно переключается между точками. Как реализовать такой же эффект как в google maps?

8
  • Что-то мне подсказывает, что это не фича яндекс карт. Т.к. если вы посмотрите ресурсы, в частности javascript, то обнаружите текст, связанный с якорями... А на ссылках обнаружите href="#/nn", href="#/nov" и т.д. Думаю на этом как раз таки всё и завязано 1 ноя 2015 в 13:20
  • Вы не поняли, не вкладки, а анимированное переключение координат на карте. 1 ноя 2015 в 13:22
  • Я про них и говорю. Вы делали когда-нибудь якорную навигацию на сайте? Для плавного скролла вверх вниз используют, как правило, плагины. Тут тоже самое, только влево-вправо. НУ плюс манипуляция параметром zoom 1 ноя 2015 в 13:24
  • Думаю, что никак. Разве что на основе гугл карт распиливать свою анимацию, стыренную из библиотеки Яндекса? Но легче просто взять Яндексовские карты)
    – DenShDen
    1 ноя 2015 в 13:24
  • Я что-то все ровно вас не пойму. Это вещи к карте не имеют никакого отношения. Вы работали с google картами? Делали переключение между координатами? Причем тут плагины для скролла? 1 ноя 2015 в 13:31

1 ответ 1

1
var panPath = [];   // An array of points the current panning action will use
var panQueue = [];  // An array of subsequent panTo actions to take
var STEPS = 50;     // The number of steps that each panTo action will undergo

function panTo(newLat, newLng) {
  if (panPath.length > 0) {
    // We are already panning...queue this up for next move
    panQueue.push([newLat, newLng]);
  } else {
    // Lets compute the points we'll use
    panPath.push("LAZY SYNCRONIZED LOCK");  // make length non-zero - 'release' this before calling setTimeout
    var curLat = map.getCenter().lat();
    var curLng = map.getCenter().lng();
    var dLat = (newLat - curLat)/STEPS;
    var dLng = (newLng - curLng)/STEPS;

    for (var i=0; i < STEPS; i++) {
      panPath.push([curLat + dLat * i, curLng + dLng * i]);
    }
    panPath.push([newLat, newLng]);
    panPath.shift();      // LAZY SYNCRONIZED LOCK
    setTimeout(doPan, 20);
  }
}

function doPan() {
  var next = panPath.shift();
  if (next != null) {
    // Continue our current pan action
    map.panTo( new google.maps.LatLng(next[0], next[1]));
    setTimeout(doPan, 20 );
  } else {
    // We are finished with this pan - check if there are any queue'd up locations to pan to 
    var queued = panQueue.shift();
    if (queued != null) {
      panTo(queued[0], queued[1]);
    }
  }
}

https://stackoverflow.com/a/33339155/872294

2
  • Я примерно так же подумал, что реализовывать через setTimeout. Но разве нет нормального решения из коробки? Как например для анимирования маркеров 2 ноя 2015 в 18:53
  • Google регулярно добавляет новые возможности в свои API. Можно ждать, но можно и использовать сторонние решения
    – Oceinic
    3 ноя 2015 в 4:14

Ваш ответ

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

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