The navigation control handles map browsing with touch events (dragging, double-tapping, tap with two fingers, and pinch zoom). Create a new control with the OpenLayers.Control.TouchNavigation constructor.
If youâre only targeting touch enabled devices with your mapping application, you can create a map with only a TouchNavigation control. The OpenLayers.Control.Navigation control is mobile ready by default, but you can generate a smaller build of the library by only including this touch navigation control if you aren’t concerned about mouse interaction.
| OpenLayers. | The navigation control handles map browsing with touch events (dragging, double-tapping, tap with two fingers, and pinch zoom). | 
| Properties | |
| dragPan | {OpenLayers.Control.DragPan} | 
| dragPanOptions | {Object} Options passed to the DragPan control. | 
| pinchZoom | {OpenLayers.Control.PinchZoom} | 
| pinchZoomOptions | {Object} Options passed to the PinchZoom control. | 
| clickHandlerOptions | {Object} Options passed to the Click handler. | 
| documentDrag | {Boolean} Allow panning of the map by dragging outside map viewport. | 
| autoActivate | {Boolean} Activate the control when it is added to a map. | 
| Constructor | |
| OpenLayers. | Create a new navigation control | 
| Functions | |
| destroy | The destroy method is used to perform any clean up before the control is dereferenced. | 
| activate | |
| deactivate | |
| draw | |
| defaultClick | |
| defaultDblClick | 
The destroy method is used to perform any clean up before the control is dereferenced.
destroy: function() 
activate: function() 
deactivate: function() 
draw: function() 
defaultClick: function ( evt ) 
defaultDblClick: function ( evt )