openlayers添加按钮_OpenLayers 3 之 地图控件（control）

OpenLayers 3 之 地图控件(control)

地图控件(control)是指地图上比例尺，缩略图，拉近拉远的按钮，滚动控制条等控件，默认控件有三个，可以禁用。

OpenLayers 3 之 地图控件(control)初始化与定制的代码如下：

var map = new ol.Map({

// 设置地图控件，默认的三个控件都不显示

controls: ol.control.defaults({

attribution: false,

rotate: false,

zoom: false

}),

layers: [

new ol.layer.Tile({

source: new ol.source.OSM()

})

],

target: 'map',

view: new ol.View({

center: ol.proj.transform(

[104, 30], 'EPSG:4326', 'EPSG:3857'),

zoom: 10

})

});

添加控件

//添加属性控件

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

//添加鼠标定位控件

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

undefinedHTML: 'outside',

projection