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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值