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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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