浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。
(以“{{flutter-sidebar}}<div class="wrap-time-sdk" style="margin-top: -15px;">更新时间:2020-06-23</div><div class="bluetitle"><div class="services-title-text servic...”为内容创建页面)
 
 
第11行: 第11行:
 
<div class="devguide"><div class="leftborderbg" style="height:620px;"></div><div class="devguideorder"><span>1</span> 选择模版/编辑个性化地图</div><div class="devguidecenter">
 
<div class="devguide"><div class="leftborderbg" style="height:620px;"></div><div class="devguideorder"><span>1</span> 选择模版/编辑个性化地图</div><div class="devguidecenter">
 
开发者可选择模版或者新建并配置个性化地图,打造独具风格与特色的地图。<br/>https://mapopen-pub-androidsdk.bj.bcebos.com/map%2FnewAndroid%2FIndividuationMap%2FChooseTemplateNew.png
 
开发者可选择模版或者新建并配置个性化地图,打造独具风格与特色的地图。<br/>https://mapopen-pub-androidsdk.bj.bcebos.com/map%2FnewAndroid%2FIndividuationMap%2FChooseTemplateNew.png
</div><div class="devguideorder"><span>2</span> 发布样式,获取json样式ID或者下载样式文件</div><div class="devguidecenter"><br/>a、如图,点击发布样式<br/>https://mapopen-pub-androidsdk.bj.bcebos.com/map%2FnewAndroid%2FIndividuationMap%2FReleaseTheStyle.png<br/><br/>b、选择确认发布<br/>https://mapopen-pub-androidsdk.bj.bcebos.com/map%2FnewAndroid%2FIndividuationMap%2FEnsureToRelease.png<br/><br/>c、获取在线样式id<br/>https://mapopen-pub-androidsdk.bj.bcebos.com/map%2FnewAndroid%2FIndividuationMap%2FStyleId.png<br/><br/>d、点击编辑JSON,在弹出的对话框上,点击右下角的复制所有,然后创建一个.json文件并把刚才复制的内容粘贴进去:<br/><div class="urltoimg" style="width: 720px;">
+
</div><div class="devguideorder"><span>2</span> 发布样式,获取json样式ID或者下载样式文件</div><div class="devguidecenter"><br/>a、如图,点击发布样式<br/>https://mapopen-pub-androidsdk.bj.bcebos.com/map%2FnewAndroid%2FIndividuationMap%2FReleaseTheStyle.png<br/><br/>b、选择确认发布<br/>https://mapopen-pub-androidsdk.bj.bcebos.com/map%2FnewAndroid%2FIndividuationMap%2FEnsureToRelease.png<br/><br/>c、获取在线样式id<br/>https://mapopen-pub-androidsdk.bj.bcebos.com/map%2FnewAndroid%2FIndividuationMap%2FStyleId.png<br/><br/>d、点击下载样式文件,选择下载STY文件,获取本地离线个性化样式文件:
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/custommap.png
+
https://mapopen-pub-androidsdk.bj.bcebos.com/map%2FnewAndroid%2FIndividuationMap%2FDownloadSTY.png
</div></div><div class="devguideorder"><span>3</span> 使用个性化地图</div><div class="devguidecenter">
+
<div class="urltoimg" style="width: 720px;"></div></div><div class="devguideorder"><span>3</span> 使用个性化地图</div><div class="devguidecenter">
方式一:配置.json样式ID
+
方式一:配置个性化样式ID
 
<pre class="prettyprint codestyle">&nbsp;BMFCustomMapStyleOption customMapStyleOption = BMFCustomMapStyleOption(
 
<pre class="prettyprint codestyle">&nbsp;BMFCustomMapStyleOption customMapStyleOption = BMFCustomMapStyleOption(
&nbsp; &nbsp; &nbsp; customMapStyleID: "e9a3f0f7f3dbb7c55c67884fb6db8b6f");
+
&nbsp; &nbsp; &nbsp; customMapStyleID: "ab0e0251e4e768a96dffde39e0034b12");
  
 
&nbsp;myMapController?.setCustomMapStyleWithOptionPath(
 
&nbsp;myMapController?.setCustomMapStyleWithOptionPath(
第32行: 第32行:
 
方式二:加载样式文件<br/>a、 在项目中添加自定义样式文件 如:将离线样式文件存放在files目录下。<br/><div class="urltoimg" style="width: 260px;">
 
方式二:加载样式文件<br/>a、 在项目中添加自定义样式文件 如:将离线样式文件存放在files目录下。<br/><div class="urltoimg" style="width: 260px;">
 
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/custommap1.png
 
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/custommap1.png
</div><br/>b、 传入样式文件路径:<br/>&nbsp; 能够实现动态更改样式(同一地图设置不同的样式),同时适配多地图场景(不同地图设置不同的样式),并且样式文件路径设置API不再要求在地图创建之前调用,地图对象创建完成之后设置即可。在地图对象释放时,也无需关闭个性化开关。详细区别见[https://lbsyun.baidu.com/index.php?title=androidsdk/guide/appendix 个性化地图元素说明规则]<pre class="prettyprint codestyle">myMapController?.setCustomMapStyle('files/custom_map_config.json', 0)
+
</div><br/>b、 传入样式文件路径:<br/>&nbsp; 能够实现动态更改样式(同一地图设置不同的样式),同时适配多地图场景(不同地图设置不同的样式),并且样式文件路径设置API不再要求在地图创建之前调用,地图对象创建完成之后设置即可。在地图对象释放时,也无需关闭个性化开关。详细区别见[https://lbsyun.baidu.com/index.php?title=androidsdk/guide/appendix 个性化地图元素说明规则]<pre class="prettyprint codestyle">myMapController?.setCustomMapStyle('files/custom_map_config.sty', 0)
 
</pre>
 
</pre>
</div><div class="devguideorder"><span>4</span> 至此,可以开始使用个性化地图。</div></div>
+
</div><div class="devguideorder"><span>4</span> 至此,可以开始使用个性化地图</div>
 +
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 个性化地图效果图:
 +
<div class="devguidecenter"><div class="urltoimg" style="width: 260px;">
 +
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/custommap2.jpg
 +
</div></div></div>

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

更新时间:2020-06-23
功能介绍

个性化地图,通过改变底图各元素和文字的颜色、可见性,实现地图多样展现效果,适配各个行业不同的地图呈现效果或适配不同App风格。

1.支持设置地图点、线、面共51个元素,包含陆地、水系、绿地、人造区域、建筑物、道路、铁路、地铁,POI、行政区划、边界线等。

2.支持设置的地图元素的颜色、透明度、宽度、指定级别控制元素及其可见性的变更。

3.个性化地图功能示例代码位于基础地图(BaseMapDemo)这个功能模块,开发者使用时可以参考。

使用步骤

选择模版/编辑个性化地图——传入.json文件路径/样式ID——开始使用个性化地图

1 选择模版/编辑个性化地图

开发者可选择模版或者新建并配置个性化地图,打造独具风格与特色的地图。
map%2FnewAndroid%2FIndividuationMap%2FChooseTemplateNew.png

2 发布样式,获取json样式ID或者下载样式文件

a、如图,点击发布样式
map%2FnewAndroid%2FIndividuationMap%2FReleaseTheStyle.png

b、选择确认发布
map%2FnewAndroid%2FIndividuationMap%2FEnsureToRelease.png

c、获取在线样式id
map%2FnewAndroid%2FIndividuationMap%2FStyleId.png

d、点击下载样式文件,选择下载STY文件,获取本地离线个性化样式文件:

map%2FnewAndroid%2FIndividuationMap%2FDownloadSTY.png

3 使用个性化地图

方式一:配置个性化样式ID

 BMFCustomMapStyleOption customMapStyleOption = BMFCustomMapStyleOption(
      customMapStyleID: "ab0e0251e4e768a96dffde39e0034b12");

 myMapController?.setCustomMapStyleWithOptionPath(
     customMapStyleOption: styleOption(),
     preload: (String path) {
       print('preload');
     },
     success: (String path) {
       print('success');
     },
     error: (int errorCode, String path) {
       print('error');
     });
方式二:加载样式文件
a、 在项目中添加自定义样式文件 如:将离线样式文件存放在files目录下。

custommap1.png


b、 传入样式文件路径:
  能够实现动态更改样式(同一地图设置不同的样式),同时适配多地图场景(不同地图设置不同的样式),并且样式文件路径设置API不再要求在地图创建之前调用,地图对象创建完成之后设置即可。在地图对象释放时,也无需关闭个性化开关。详细区别见个性化地图元素说明规则
myMapController?.setCustomMapStyle('files/custom_map_config.sty', 0)
4 至此,可以开始使用个性化地图

          个性化地图效果图:

custommap2.jpg

  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

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

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消