百度地图GL篇 二、添加控件

详情请参考百度地图api地址： JavaScript API GL

1.比例尺控件

var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件

map.addControl(scaleCtrl);

2.缩放控件

var zoomCtrl = new BMapGL.ZoomControl(); // 添加缩放控件

map.addControl(zoomCtrl);

3.城市列表控件

var cityCtrl = new BMapGL.CityListControl(); // 添加城市列表控件

map.addControl(cityCtrl);

4.3D控件

 var navi3DCtrl = new BMapGL.NavigationControl3D({

        offset: new BMapGL.Size(0, 5),

      }); // 添加3D控件

 map.addControl(navi3DCtrl);

控制控件位置 

BMAP_ANCHOR_TOP_LEFT  表示控件定位于地图的左上角

BMAP_ANCHOR_TOP_RIGHT  表示控件定位于地图的右上角

BMAP_ANCHOR_BOTTOM_LEFT  表示控件定位于地图的左下角

BMAP_ANCHOR_BOTTOM_RIGHT  表示控件定位于地图的右下角

我的缩放控件放到右上角 -3D控件下面

 var zoomCtrl = new BMapGL.ZoomControl({

        anchor: BMAP_ANCHOR_TOP_RIGHT,

        offset: new BMapGL.Size(10, 105),  

      });