openlayers3添加地图控件

  1. 云栖社区>
  2. 博客>
  3. 正文

openlayers3添加地图控件

龙盛国际 2015-07-16 19:40:00 浏览2431
展开阅读全文

//添加属性控件
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());



网友评论

登录后评论
0/500
评论
龙盛国际
+ 关注