как получить анимированные масштабирование и панорамирование с открытыми слоями?

Question

Мне нравится сайт: http://www.tomtom.com/livetraffic/

Когда я пытаюсь выполнить панорамирование или масштабирование на указанном выше сайте, он очень похож на карту Google, и это очень удобно для пользователя.

мой вопрос, как я могу реализовать этот эффект с открытыми слоями соответственно для панорамирования и масштабирования? Я не мог найти их в примерах openlayers по крайней мере.

спасибо за внимание.

Следующее является частью моего исходного кода, возможно, оно работает, но не так гладко, как я думаю

        var map, layer; 
        function init() {
            var options = { 
                projection: "EPSG:900913",

                maxExtent: new OpenLayers.Bounds(18.203001,

47,078001, 399,909001, 261,796001),

                scales: [2400, 1200, 600, 300, 150],
                units: "m",

                panDuration: 100,
                controls: [new OpenLayers.Control.Navigation(
        {dragPanOptions: {enableKinetic: true}}
    )]
             var tile = new SimpleTileCache("map", 

"tilecache / 8е /",
{ 'format': 'image / png', transitionEffect: 'resize' });

             map.addLayers([tile]);

Answer 1

Эффект называется transitionEffect Вы можете реализовать этот эффект в своем коде, изменив свойство слоев.Я полагаю, у вас есть слой WMS или TMS.

 var tiled_resize_effect = new OpenLayers.Layer.WMS(
     "WMS tiled resize", 
     "http://vmap0.tiles.osgeo.org/wms/vmap0?",
     {layers: 'basic'}, 
     {transitionEffect: 'resize'}
 );

Проверьте эти примеры

WMS Transition Google Transition

С наилучшими пожеланиями

Answer 2

Для панорамирования это то, что называется кинетическим перетаскиванием. http://dev.openlayers.org/examples/kinetic.html