百度地图 JSAPI 支持多种地图类型,用于满足不同场景下的地图展示需求。
1.1 可以在初始化时指定地图类型
var map = new BMap.Map('container', {mapType: BMAP_SATELLITE_MAP});map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 12);
1.2 通过 setMapType 动态切换
// 切换为卫星图map.setMapType(BMAP_SATELLITE_MAP);// 切换为混合地图(卫星图 + 路网)map.setMapType(BMAP_HYBRID_MAP);
MapTypeControl 提供地图类型切换的可视化 UI,支持横向排列、下拉框、地图按钮三种展示形式
var mapTypeControl = new BMap.MapTypeControl({anchor: BMAP_ANCHOR_TOP_RIGHT,offset: new BMapGL.Size(10, 10),type: BMAP_MAPTYPE_CONTROL_DROPDOWN, // 下拉框样式mapTypes: [BMAP_NORMAL_MAP, BMAP_SATELLITE_MAP, BMAP_HYBRID_MAP]});map.addControl(mapTypeControl);
控件的展示样式常量对应关系为
上一篇
下一篇