Вот тут есть карта, на ней реализовано переключение разных карт.
Обратите внимание, что карта пролистывается до нужных координат или по другому, анимирует переключение координат. У меня реализовано через метод panTo
, но он мгновенно переключается между точками.
Как реализовать такой же эффект как в google maps
?
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]);
}
}
}
-
Я примерно так же подумал, что реализовывать через setTimeout. Но разве нет нормального решения из коробки? Как например для анимирования маркеров 2 ноя 2015 в 18:53
-
Google регулярно добавляет новые возможности в свои API. Можно ждать, но можно и использовать сторонние решения– Oceinic3 ноя 2015 в 4:14
javascript
, то обнаружите текст, связанный с якорями... А на ссылках обнаружитеhref="#/nn"
,href="#/nov"
и т.д. Думаю на этом как раз таки всё и завязаноzoom