第1行: | 第1行: | ||
− | <div id="examples_center"><!-- 页面标题 --><div class="title-hd">定位Flutter</div><!-- 标题下子标题及简介,可有多个 --><div class="title-mi">功能场景</div><div class="wrap-mi">本示例介绍了如何快速集成百度定位Flutter插件,实现两端基本定位需求。</div><!-- --></div><div class="demos_wrap"><div class="header"><div class="andiord-header active">Flutter</div><div class="ios-header hide">iOS</div></div><div class="andiord-wrap wrap"><div class="wrap-wp"><div class="wrap_left"><div class="left-video"><div class="img-bg-and"></div><div class="phone-android"><div class="video-wrap infor"><div class="video-control"></div><!-- 安卓视频位置 (不写协议)--><pre>//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/flutter.mp4</pre> | + | <div id="examples_center"> |
− | </div><div class="video-icon-and"><div class="play play-and"></div><div class="stop stop-and"></div></div></div><div class="progressWrap-hide-and"></div><div id="videoControls-and"><div id="progressWrap-and"><div id="playProgress-and"></div></div></div></div><div class="left-qrCode"><!-- 安卓二维码位置 --><div class="qrCode-and">1590746640|</div><div>扫码体验</div></div></div><div class="wrap_right"><div class="wrap_right_nav"><div class="wrap_right_nav_l"><div>使用产品</div><div><!-- 安卓使用产品下选项,可有多个 --><!-- 产品1|/index.php?title=test --> | + | <!-- 页面标题 --> |
+ | <div class="title-hd">定位Flutter</div><!-- 标题下子标题及简介,可有多个 --> | ||
+ | <div class="title-mi">功能场景</div> | ||
+ | <div class="wrap-mi">本示例介绍了如何快速集成百度定位Flutter插件,实现两端基本定位需求。</div><!-- --> | ||
+ | </div> | ||
+ | <div class="demos_wrap"> | ||
+ | <div class="header"> | ||
+ | <div class="andiord-header active">Flutter</div> | ||
+ | <div class="ios-header hide">iOS</div> | ||
+ | </div> | ||
+ | <div class="andiord-wrap wrap"> | ||
+ | <div class="wrap-wp"> | ||
+ | <div class="wrap_left"> | ||
+ | <div class="left-video"> | ||
+ | <div class="img-bg-and"></div> | ||
+ | <div class="phone-android"> | ||
+ | <div class="video-wrap infor"> | ||
+ | <div class="video-control"></div><!-- 安卓视频位置 (不写协议)--> | ||
+ | <pre>//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/flutter.mp4</pre> | ||
+ | </div> | ||
+ | <div class="video-icon-and"> | ||
+ | <div class="play play-and"></div> | ||
+ | <div class="stop stop-and"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="progressWrap-hide-and"></div> | ||
+ | <div id="videoControls-and"> | ||
+ | <div id="progressWrap-and"> | ||
+ | <div id="playProgress-and"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="left-qrCode"> | ||
+ | <!-- 安卓二维码位置 --> | ||
+ | <div class="qrCode-and">1590746640|</div> | ||
+ | <div>扫码体验</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrap_right"> | ||
+ | <div class="wrap_right_nav"> | ||
+ | <div class="wrap_right_nav_l"> | ||
+ | <div>使用产品</div> | ||
+ | <div> | ||
+ | <!-- 安卓使用产品下选项,可有多个 --> | ||
+ | <!-- 产品1|/index.php?title=test --> | ||
+ | <div class="documentA">定位Flutter插件|/index.php?title=flutter/loc</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrap_right_nav_r">下载源码</div><!-- 安卓源码地址 --> | ||
+ | <div class="github-url-and">//mapopen-website-wiki.bj.bcebos.com/demos/baidu_location_flutter.zip</div> | ||
+ | </div> | ||
+ | <div class="wrap_table"> | ||
+ | <div class="table_nav"> | ||
+ | <div class="left-icon"></div> | ||
+ | <div>核心接口</div> | ||
+ | </div> | ||
+ | <div class="table_wrap"> | ||
+ | <div class="table_wrap_title"> | ||
+ | <div>类</div> | ||
+ | <div>接口</div> | ||
+ | <div>描述</div> | ||
+ | </div> | ||
+ | <!-- 表格接口,可有多个 --> | ||
+ | <div class="table_wrap_con"> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">bdmap_location_flutter_plugin</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>void requestPermission()</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>定位权限动态申请</div> | ||
+ | </div> | ||
+ | </div><!-- --> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">bdmap_location_flutter_plugin</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>Future<bool> setApiKey(String key) </div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>设置iOS端AK</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">bdmap_location_flutter_plugin</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>void prepareLoc(Map androidMap, Map iosMap)</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>准备定位,配置Android端和iOS端定位参数</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">bdmap_location_flutter_plugin</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>void startLocation()</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>启动定位</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">bdmap_location_flutter_plugin</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>void stopLocation()</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>void stopLocation()停止定位</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">bdmap_location_flutter_plugin</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>Stream<Map<String, Object>> onResultCallback()</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>原生端以键值对map的形式回传定位结果到Flutter端</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | </div | + | </div> |
− | + | </div> | |
− | </div></div></div></div></div><div class="pre-nav"><div class="left-icon"></div><div>核心代码</div></div><div class="pre-wrap"><div class="pre-wrap-title">1.第一步</div><div class="pre-wrap-nav"><div>Objective-C</div></div><div class="pre-wrap-w pre-wrap-w-ios code_container"><!-- ios示例代码位置 --><pre class="prettyprint prettyprinted pre-ios">1 | + | |
+ | </div> | ||
+ | <div class="ios-wrap wrap" style="display: none;"> | ||
+ | <div class="wrap-wp"> | ||
+ | <div class="wrap_left"> | ||
+ | <div class="left-video"> | ||
+ | <div class="img-bg-ios"></div> | ||
+ | <div class="phone-ios"> | ||
+ | <div class="video-wrap infor"> | ||
+ | <div class="video-control"></div><!-- ios视频位置 --> | ||
+ | <pre>//mapopen-website-wiki.bj.bcebos.com/demos/iostest.MP4</pre> | ||
+ | </div> | ||
+ | <div class="video-icon-ios"> | ||
+ | <div class="play play-ios"></div> | ||
+ | <div class="stop stop-ios"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="progressWrap-hide-ios"></div> | ||
+ | <div id="videoControls-ios"> | ||
+ | <div id="progressWrap-ios"> | ||
+ | <div id="playProgress-ios"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="left-qrCode"> | ||
+ | <!-- ios二维码位置 --> | ||
+ | <div class="qrCode-ios">//mapopen-website-wiki.bj.bcebos.com/demos/play.png</div> | ||
+ | <div>扫码手机观看</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrap_right"> | ||
+ | <div class="wrap_right_nav"> | ||
+ | <div class="wrap_right_nav_l"> | ||
+ | <div>使用产品</div> | ||
+ | <div> | ||
+ | <!-- IOS使用产品下选项,可有多个 --> | ||
+ | <!-- 产品1|/index.php?title=test --> | ||
+ | <div class="documentA">产品1|/index.php?title=test</div><!-- --> | ||
+ | <div >></div> | ||
+ | <div class="documentA">产品2|/index.php?title=test</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrap_right_nav_r">下载源码</div><!-- IOS源码地址 --> | ||
+ | <div class="github-url-ios">//mapopen-website-wiki.bj.bcebos.com/demos/xs%20max.png</div> | ||
+ | </div> | ||
+ | <div class="wrap_table"> | ||
+ | <div class="table_nav"> | ||
+ | <div class="left-icon"></div> | ||
+ | <div>核心接口</div> | ||
+ | </div> | ||
+ | <div class="table_wrap"> | ||
+ | <div class="table_wrap_title"> | ||
+ | <div>类</div> | ||
+ | <div>接口</div> | ||
+ | <div>描述</div> | ||
+ | <div>备注</div> | ||
+ | </div><!-- ios表格接口内容,可有多个 --> | ||
+ | <!-- 表格接口,可有多个 --> | ||
+ | <div class="table_wrap_con"> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">BMKClusterManager</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>- (void)clearClusterItems;</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>清除标注集群items</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>V4.0.0起</div> | ||
+ | </div> | ||
+ | |||
+ | </div><!-- --> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">BMKClusterManager</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>- (NSArray<BMKCluster *> *)getClusters:(CGFloat)zoomLevel;</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>根据地图缩放级别获取标注集群</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>V4.0.0起</div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pre-nav"> | ||
+ | <div class="left-icon"></div> | ||
+ | <div>核心代码</div> | ||
+ | </div> | ||
+ | <div class="pre-wrap"> | ||
+ | <div class="pre-wrap-title">1.第一步</div> | ||
+ | <div class="pre-wrap-nav"> | ||
+ | <div>Objective-C</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pre-wrap-w pre-wrap-w-ios code_container"> | ||
+ | <!-- ios示例代码位置 --> | ||
+ | <pre class="prettyprint prettyprinted pre-ios"> | ||
+ | 1 | ||
/** 更新标注展示. */ | /** 更新标注展示. */ | ||
- (void)updateClusters { | - (void)updateClusters { | ||
第43行: | 第286行: | ||
</pre> | </pre> | ||
− | <div class="pre-btn"><div class="pre-btn-copy-ios">复制</div><div class="pre-btn-cb-ios">深色</div></div><div class="success">复制成功</div></div></div><div class="pre-wrap"><div class="pre-wrap-title">2.第二步</div><div class="pre-wrap-nav"><div>Objective-C</div></div><div class="pre-wrap-w pre-wrap-w-ios code_container"><!-- ios示例代码位置 --><pre class="prettyprint prettyprinted pre-ios">2 | + | <div class="pre-btn"> |
+ | <div class="pre-btn-copy-ios">复制</div> | ||
+ | <div class="pre-btn-cb-ios">深色</div> | ||
+ | </div> | ||
+ | <div class="success">复制成功</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pre-wrap"> | ||
+ | <div class="pre-wrap-title">2.第二步</div> | ||
+ | <div class="pre-wrap-nav"> | ||
+ | <div>Objective-C</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pre-wrap-w pre-wrap-w-ios code_container"> | ||
+ | <!-- ios示例代码位置 --> | ||
+ | <pre class="prettyprint prettyprinted pre-ios"> | ||
+ | 2 | ||
/** 更新标注展示. */ | /** 更新标注展示. */ | ||
- (void)updateClusters { | - (void)updateClusters { | ||
第81行: | 第340行: | ||
</pre> | </pre> | ||
− | <div class="pre-btn"><div class="pre-btn-copy-ios">复制</div><div class="pre-btn-cb-ios">深色</div></div><div class="success">复制成功</div></div></div><div class="pre-wrap"><div class="pre-wrap-title">3.名字</div><div class="pre-wrap-nav"><div>Objective-C</div></div><div class="pre-wrap-w pre-wrap-w-ios code_container"><!-- ios示例代码位置 --><pre class="prettyprint prettyprinted pre-ios">3 | + | <div class="pre-btn"> |
+ | <div class="pre-btn-copy-ios">复制</div> | ||
+ | <div class="pre-btn-cb-ios">深色</div> | ||
+ | </div> | ||
+ | <div class="success">复制成功</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pre-wrap"> | ||
+ | <div class="pre-wrap-title">3.名字</div> | ||
+ | <div class="pre-wrap-nav"> | ||
+ | <div>Objective-C</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pre-wrap-w pre-wrap-w-ios code_container"> | ||
+ | <!-- ios示例代码位置 --> | ||
+ | <pre class="prettyprint prettyprinted pre-ios"> | ||
+ | 3 | ||
/** 更新标注展示. */ | /** 更新标注展示. */ | ||
- (void)updateClusters { | - (void)updateClusters { | ||
第119行: | 第394行: | ||
</pre> | </pre> | ||
− | <div class="pre-btn"><div class="pre-btn-copy-ios">复制</div><div class="pre-btn-cb-ios">深色</div></div><div class="success">复制成功</div></div></div><div class="more-nav"><div class="left-icon"></div><div>更多功能</div></div><div class="more-wrap"><!-- IOS更多功能下选项 --><!-- 点标记动画|/index.php?title=test --><div><div class="point"></div><div class="documentA">点标记动画|/index.php?title=test</div></div><div><div class="point"></div><div class="documentA">点融合|/index.php?title=test</div></div><div><div class="point"></div><div class="documentA">添加文字和信息窗|/index.php?title=test</div></div></div></div></div> | + | <div class="pre-btn"> |
+ | <div class="pre-btn-copy-ios">复制</div> | ||
+ | <div class="pre-btn-cb-ios">深色</div> | ||
+ | </div> | ||
+ | <div class="success">复制成功</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="more-nav"> | ||
+ | <div class="left-icon"></div> | ||
+ | <div>更多功能</div> | ||
+ | </div> | ||
+ | <div class="more-wrap"> | ||
+ | <!-- IOS更多功能下选项 --> | ||
+ | <!-- 点标记动画|/index.php?title=test --> | ||
+ | <div> | ||
+ | <div class="point"></div> | ||
+ | <div class="documentA">点标记动画|/index.php?title=test</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div class="point"></div> | ||
+ | <div class="documentA">点融合|/index.php?title=test</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div class="point"></div> | ||
+ | <div class="documentA">添加文字和信息窗|/index.php?title=test</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> |
2020年6月1日 (一) 15:16的版本
定位Flutter
功能场景
本示例介绍了如何快速集成百度定位Flutter插件,实现两端基本定位需求。
Flutter
//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/flutter.mp4
1590746640|
扫码体验
使用产品
定位Flutter插件|/index.php?title=flutter/loc
下载源码
//mapopen-website-wiki.bj.bcebos.com/demos/baidu_location_flutter.zip
核心接口
类
接口
描述
bdmap_location_flutter_plugin
void requestPermission()
定位权限动态申请
bdmap_location_flutter_plugin
Future<bool> setApiKey(String key)
设置iOS端AK
bdmap_location_flutter_plugin
void prepareLoc(Map androidMap, Map iosMap)
准备定位,配置Android端和iOS端定位参数
bdmap_location_flutter_plugin
void startLocation()
启动定位
bdmap_location_flutter_plugin
void stopLocation()
void stopLocation()停止定位
bdmap_location_flutter_plugin
Stream<Map<String, Object>> onResultCallback()
原生端以键值对map的形式回传定位结果到Flutter端