openlayers3添加地图控件

//添加属性控件

map.addControl(new ol.control.Attribution());

//添加鼠标定位控件

map.addControl(new ol.control.MousePosition({

undefinedHTML: ‘outside‘,

projection: ‘EPSG:4326‘,

coordinateFormat: function(coordinate) {

return ol.coordinate.format(coordinate, ‘{x}, {y}‘, 4);

}

})

);

//添加缩略图控件

map.addControl(new ol.control.OverviewMap({

collapsed: false

}));

//添加旋转控件

map.addControl(new ol.control.Rotate({

autoHide: false

}));

//添加比例尺控件

map.addControl(new ol.control.ScaleLine());

//添加缩放控件

map.addControl(new ol.control.Zoom());

//添加缩放滑动控件

map.addControl(new ol.control.ZoomSlider());

//添加缩放到当前视图滑动控件

map.addControl(new ol.control.ZoomToExtent());

//添加全屏控件

map.addControl(new ol.control.FullScreen());

版权声明：本文为博主原创文章，未经博主允许不得转载。