浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。
显示地图
下载开发文档
Hello BaiduMap

百度地图SDK Flutter插件为开发者提供了在Flutter开发中便捷的使用百度地图能力的接口,通过以下几步操作,即可在您的应用中使用百度地图

在UI代码中添加地图页面组件(BMFMapWidget):

BMFMapOptions构造,BMFMapOptions包含了创建地图所需要的各种状态参数

BMFMapOptions mapOptions = BMFMapOptions(
center: BMFCoordinate(39.917215, 116.380341),
zoomLevel: 12,
mapPadding: BMFEdgeInsets(left: 30, top: 0, right: 30, bottom: 0));

地图Flutter Widget构造,BMFMapWidget是地图Flutter插件封装的一个支持AndroidView和UiKitView的Widget

Container(
height: screenSize.height,
width: screenSize.width,
child: BMFMapWidget(
onBMFMapCreated: (controller) {
onBMFMapCreated(controller);
},
mapOptions: mapOptions,
),
);

完成以上配置,及可在Flutter页面展示地图页面:

cjdt.jpg

BMFMapOptions类的属性如下:

状态含义
mapType地图类型
limitMapBounds限制地图的显示范围
compassPosition指南针的位置
center当前地图的中心点
zoomLevel地图比例尺级别,在手机上当前可使用的级别为4-21级
minZoomLevel地图的自定义最小比例尺级别
maxZoomLevel地图的自定义最大比例尺级别
rotation地图旋转角度,在手机上当前可使用的范围为-180~180度(ios取int值)
overlooking地图俯视角度,在手机上当前可使用的范围为-45~0度(ios取int值)
minOverlooking地图俯视角度最小值(即角度最大值),在手机上当前可设置的范围为-79~0度(iOS独有)
buildingsEnabled设定地图是否现显示3D楼块效果
showMapPoi设定地图是否显示底图poi标注(不包含室内图标注),默认true
trafficEnabled设定地图是否打开路况图层
baiduHeatMapEnabled设定地图是否打开百度城市热力图图层(百度自有数据),地图层级大于11时,可显示热力图
gesturesEnabled设定地图View能否支持所有手势操作
zoomEnabled设定地图View能否支持用户多点缩放(双指)
zoomEnabledWithTap设定地图View能否支持用户缩放(双击或双指单击,iOS独有)
scrollEnabled设定地图View能否支持用户移动地图
overlookEnabled设定地图View能否支持俯仰角
rotateEnabled设定地图View能否支持旋转
forceTouchEnabled设定地图是否回调forcetouch事件,默认为false,仅适用于支持3DTouch的情况(iOS独有)
showMapScaleBar设定是否显示比例尺
mapScaleBarPosition比例尺的位置,设定坐标以BMKMapView左上角为原点,向右向下增长
logoPositionlogo位置默认BMFLogoPositionLeftBottom
visibleMapBounds当前地图可显示范围(东北,西南)角坐标
mapPadding地图预留边界,默认:(top:0,left:0,bottom:0,right:0),设置后,会根据mapPadding调整logo、比例尺、指南针的位置,当updateTargetScreenPtWhenMapPaddingChanged==true时,地图中心(屏幕坐标:BMKMapStatus.targetScreenPt)跟着改
updateTargetScreenPtWhenMapPaddingChanged设置mapPadding时,地图中心(屏幕坐标:BMKMapStatus.targetScreenPt)是否跟着改变,默认true(iOS独有)
changeWithTouchPointCenterEnabled设定双指手势操作时,地图的旋转和缩放效果的中心点(iOS独有);值为true时,以手势的中心点(二个指头的中心点)为中心进行旋转和缩放,地图中心点会改变;值为false时,以当前地图的中心点为中心进行旋转和缩放,地图中心点不变;默认为false。
changeCenterWithDoubleTouchPointEnabled设定双击手势放大地图时,BMKMapView的放大效果的中心点;值为true时,以双击的位置为中心点进行放大,地图中心点会改变;值为false时,以当前地图的中心点为中心进行放大,地图中心点不变;默认为true。
baseIndoorMapEnabled设定地图是否显示室内图(包含室内图标注),默认不显示
showIndoorMapPoi设定室内图标注是否显示,默认true,仅当显示室内图(baseIndoorMapEnabled为true)时生
地图类型与显示层级
地图类型或图层显示层级
2D地图4-21
3D地图19-21
卫星图4-20
路况交通图11-21
百度城市热力图11-21
室内图17-22
显示层级与比例尺
显示层级比例尺/米
41000000
5500000
6200000
7100000
850000
925000
1020000
1110000
125000
132000
141000
15500
16200
17100
1850
1920
2010
215

上一篇

开发注意事项

下一篇

切换地图类型

本篇文章对您是否有帮助?