浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。
 
第1行: 第1行:
 
{{flutter-sidebar}}
 
{{flutter-sidebar}}
 
<div class="wrap-time-sdk" style="margin-top: -15px;margin-left: 20px;">更新时间:2020-06-23</div>
 
<div class="wrap-time-sdk" style="margin-top: -15px;margin-left: 20px;">更新时间:2020-06-23</div>
地图SDK提供了三种预置的地图类型:'''普通地图''','''卫星图''','''空白地图'''。另外提供了两种常用图层'''实时路况图'''以及'''百度城市热力图'''。
+
地图SDK提供了两种预置的地图类型:普通地图''','''空白地图''''''''''下面主要介绍如何切换这两种地图类型。
 
+
<div class="bluetitle"><div class="services-title-text">地图类型</div></div>
下面主要介绍如何切换这三种地图类型,以及如何打开实时路况图和添加城市热力图。
+
<div class="bluetitle"><div class="services-title-text service-page-anchor">地图类型</div></div>
+
 
百度地图SDK为您提供了3种类型的地图资源(普通矢量地图、卫星图和空白地图),BaiduMap 类提供图层类型常量,详细如下:
 
百度地图SDK为您提供了3种类型的地图资源(普通矢量地图、卫星图和空白地图),BaiduMap 类提供图层类型常量,详细如下:
  
第13行: 第11行:
 
|-
 
|-
 
| width="200" align="left" | Standard
 
| width="200" align="left" | Standard
| width="200" align="left" | 空白地图
+
| width="200" align="left" | 普通地图(包含3D地图)<br/>
|-
+
| width="200" align="left" | Satellite
+
| width="200" align="left" | 卫星图
+
 
|-
 
|-
 
| width="200" align="left" | None
 
| width="200" align="left" | None
| width="200" align="left" | 普通地图(包含3D地图)<br/>
+
| width="200" align="left" | 空白地图<br/>
 
|}
 
|}
  
第25行: 第20行:
  
 
设置普通地图的代码如下:
 
设置普通地图的代码如下:
<pre class="prettyprint codestyle">myMapController
+
<pre class="prettyprint codestyle">myMapController?.updateMapOptions(BMFMapOptions(mapType: BMFMapType.Standard));   
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;?.updateMapOptions(BMFMapOptions(mapType: BMFMapType.Standard));   
+
 
</pre>
 
</pre>
 
显示的效果如下:<br/><div class="urltoimg" style="width: 260px;"><div class="urltoimg" style="width: 260px;">
 
显示的效果如下:<br/><div class="urltoimg" style="width: 260px;"><div class="urltoimg" style="width: 260px;">
 
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/cjdt.jpg
 
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/cjdt.jpg
</div></div><br/>'''{{bluepoint}}卫星地图'''<br/>显示卫星照片数据。
+
</div></div>'''{{bluepoint}}空白地图'''<br/>无地图瓦片,地图将渲染为空白地图。不加载任何图块,将不会使用流量下载基础地图瓦片图层。支持叠加任何覆盖物。
设置卫星地图的代码如下:
+
<pre class="prettyprint codestyle">myMapController
+
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;?.updateMapOptions(BMFMapOptions(mapType: BMFMapType.Satellite));
+
</pre>
+
显示的效果如下:<br/><div class="urltoimg" style="width: 260px;"><div class="urltoimg" style="width: 260px;">
+
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/wxmap.jpg
+
</div></div><br/><span style="color:#FF0000;">注意:卫星图只支持缩放到20级。</span><br/>'''{{bluepoint}}空白地图'''<br/>无地图瓦片,地图将渲染为空白地图。不加载任何图块,将不会使用流量下载基础地图瓦片图层。支持叠加任何覆盖物。
+
 
适用场景:与瓦片图层(tileOverlay)一起使用,节省流量,提升自定义瓦片图下载速度。参考自[http://lbsyun.baidu.com/index.php?title=androidsdk/guide/render-map/overlay 定义瓦片图]相应部分的使用介绍。
 
适用场景:与瓦片图层(tileOverlay)一起使用,节省流量,提升自定义瓦片图下载速度。参考自[http://lbsyun.baidu.com/index.php?title=androidsdk/guide/render-map/overlay 定义瓦片图]相应部分的使用介绍。
  
 
设置空白地图的代码如下:
 
设置空白地图的代码如下:
<pre class="prettyprint codestyle">myMapController
+
<pre class="prettyprint codestyle">myMapController?.updateMapOptions(BMFMapOptions(mapType: BMFMapType.None));</pre>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;?.updateMapOptions(BMFMapOptions(mapType: BMFMapType.None));</pre>
+
 
显示的效果如下:<br/><div class="urltoimg" style="width: 260px;"><div class="urltoimg" style="width: 260px;">
 
显示的效果如下:<br/><div class="urltoimg" style="width: 260px;"><div class="urltoimg" style="width: 260px;">
 
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/kbdt.jpg
 
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/kbdt.jpg
</div></div><br/>'''{{bluepoint}}实时路况图'''<br/>实时路况图全国范围内已支持绝大部分城市实时路况查询,路况图依据实时路况数据渲染。普通地图和卫星地图,均支持叠加实时路况图。
+
</div></div><br/><div class="urltoimg" style="width: 260px;"></div>
实时路况图的开启方法如下:
+
<pre class="prettyprint codestyle">myMapController?.updateMapOptions(
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; BMFMapOptions(trafficEnabled: _trafficEnabled))
+
</pre>
+
 
+
普通地图叠加路况图显示效果如下:
+
<div class="urltoimg" style="width: 260px;">
+
https://mapopen-website-wiki.bj.bcebos.com/flutter/static/lukuang.jpg
+
</div>
+
<br/>'''{{bluepoint}}自定义路况图颜色'''
+
 
+
1.路况颜色设置方法
+
<pre class="prettyprint codestyle">setCustomTrafficColor(
+
&nbsp; &nbsp; &nbsp; {@required Color smooth,
+
&nbsp; &nbsp; &nbsp; @required Color slow,
+
&nbsp; &nbsp; &nbsp; @required Color congestion,
+
&nbsp; &nbsp; &nbsp; @required Color severeCongestion})
+
</pre>
+
 
+
1)参数含义
+
<pre class="prettyprint codestyle">smooth 路况畅通对应的颜色
+
slow 路况缓行对应的颜
+
congestion 路况拥堵对应的颜色
+
severeCongestion 路况严重拥堵对应的颜色
+
</pre>
+
 
+
2)颜色格式
+
<pre class="prettyprint codestyle">#AARRGGBB A:Alpha、R:Red、G:Green、B:Blue;其中AA为透明度;4个参数必须全部设置,不需要的颜色,透明度AA可以设置为00,即透明不显示。
+
</pre>
+
 
+
<span style="color:#FF0000;">注意:透明度顺序与个性化地图中的透明度顺序不一致。</span><br/>2.示例如下
+
<pre class="prettyprint codestyle">myMapController?.setCustomTrafficColor(
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; smooth: Color(int.parse('0xFF42A5F5')),
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; slow: Color(int.parse('0xFFF33131')),
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; congestion: Color(int.parse('0xFFFF9E19')),
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; severeCongestion: Color(int.parse('0xFF000000')))
+
</pre>
+
 
+
效果如下:<br/>&nbsp; &nbsp; &nbsp;
+
<div class="urltoimg" style="width: 260px;">
+
https://mapopen-website-wiki.bj.bcebos.com/flutter/static/lukaung2.jpg
+
</div><br/><div class="bluetitle"><div class="services-title-text service-page-anchor">百度城市热力图</div></div>百度城市热力图是百度基于强大的地理位置大数据,根据实时的人群分布密度和变化趋势,用热力图的形式展现给广大开发者。
+
百度城市热力图的使用方式和实时路况图类似,只需要简单的接口调用,即可在地图上展现样式丰富的热力图层。
+
 
+
<span style="color:#FF0000;">注意:只有在地图层级介于11-20级时,可显示城市热力图。</span>
+
 
+
百度城市热力图开启方法如下:
+
<pre class="prettyprint codestyle">myMapController?.showHeatMap(true);</pre>
+
普通地图叠加热力图显示效果如下:<br/><div class="urltoimg" style="width: 260px;">
+
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/hot.jpg
+
</div>
+

2020年7月29日 (三) 06:13的最后版本

更新时间:2020-06-23

地图SDK提供了两种预置的地图类型:普通地图空白地图下面主要介绍如何切换这两种地图类型。

地图类型

百度地图SDK为您提供了3种类型的地图资源(普通矢量地图、卫星图和空白地图),BaiduMap 类提供图层类型常量,详细如下:

类型名称 说明
Standard 普通地图(包含3D地图)
None 空白地图

开发者可以在地图组件创建的时候,通过设置BMFMapOptions的mapType的值,或者动态通过BMFMapController的接口updateMapOptions(设置mapType)设置地图类型。
普通地图
基础的道路地图。 显示道路、建筑物、绿地以及河流等重要的自然特征。

设置普通地图的代码如下:

myMapController?.updateMapOptions(BMFMapOptions(mapType: BMFMapType.Standard));   
显示的效果如下:

cjdt.jpg

空白地图
无地图瓦片,地图将渲染为空白地图。不加载任何图块,将不会使用流量下载基础地图瓦片图层。支持叠加任何覆盖物。

适用场景:与瓦片图层(tileOverlay)一起使用,节省流量,提升自定义瓦片图下载速度。参考自定义瓦片图相应部分的使用介绍。

设置空白地图的代码如下:

myMapController?.updateMapOptions(BMFMapOptions(mapType: BMFMapType.None));
显示的效果如下:

kbdt.jpg


  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消