天天看點

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());

繼續閱讀