详情请参考百度地图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),
});
