openlayer自带拉框放大缩小的控件,主要参考了
https://github.com/QingyaFan/openlayers3-examples中的drag-zoom.html里面的代码实现,如图:
实现过程:
1、先使用openlayer中的intersection.dragzoom()初始化一个拉框控件,并设置out属性(控制拉框完成时是放大还是缩小,true为放大,false为缩小),再将拉框控件添加到map中进行交互,设置初始交互值为false。
2、通过绑定控件按钮并监听单击click事件完成拉框放大缩小地图交互事件,