OpenLayers不显示放大放小按钮,自定义控件

//实例化比例尺控件(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(显示当前鼠标位置) 为自定义控件。

你可能感兴趣的:(OpenLayers)