//实例化比例尺控件(ScaleLine)
var scaleLine = new ol.control.ScaleLine({
//设置比例尺单位,degrees、imperial、us、nautical、metric(度量单位)
units: "metric"
});
var mousePosition = new ol.control.MousePosition({
projection: 'EPSG:4326',
coordinateFormat: ol.coordinate.createStringXY(4)
});
//初始化地图容器
map = new ol.Map({
layers: [googleLayer],
target: 'map', //地图容器div的ID
view: new ol.View({
center: [106.51, 29.55],
projection: 'EPSG:4326',
zoom: 10
}),
//加载控件到地图容器中
controls: ol.control.defaults({
zoom: false,
rotate: false,
attribution: false
}).extend([
scaleLine,
mousePosition
])
});
zoom:false 不显示放大放小按钮;
rotate: false 不显示指北针控件;
attribution: false 不显示右下角的地图信息控件;
scaleLine(比例尺)、mousePosition(显示当前鼠标位置) 为自定义控件。