OpenLayers官网提供的例子:视图动画
上面例子中,除了飞行到某点不好理解,其他都非常好理解,以下直接贴所有的方法,解释都在代码中。
var london = ol.proj.fromLonLat([-0.12755, 51.507222]);
var moscow = ol.proj.fromLonLat([37.6178, 55.7517]);
var istanbul = ol.proj.fromLonLat([28.9744, 41.0128]);
var rome = ol.proj.fromLonLat([12.5, 41.9]);
var bern = ol.proj.fromLonLat([7.4458, 46.95]);
var viewAnimate = map.getView();
function onClick(id, callback) {
map.loadTilesWhileAnimating = true;
document.getElementById(id).addEventListener('click', callback);
}
onClick('rotate-left', function () {
viewAnimate.animate({
rotation: viewAnimate.getRotation() + Math.PI / 2
});
});
onClick('rotate-right', function () {
viewAnimate.animate({