浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。

文档全面上新

更科技的视觉体验,更高效的页面结构,快前往体验吧!

体验新版
 
第1行: 第1行:
<div id="examples_center">
+
<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/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|//mapopen-website-wiki.bj.bcebos.com/demos/newqrcodes/fultter.png</div><div>扫码体验</div></div></div><div class="wrap_right"><div class="wrap_right_nav"><div class="wrap_right_nav_l"><div>使用产品</div><div><!-- 安卓使用产品下选项,可有多个 --><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&lt;bool&gt; 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&lt;Map<String, Object&gt;> onResultCallback()</div></div><div><div>原生端以键值对map的形式回传定位结果到Flutter端</div></div></div></div></div></div></div></div><div class="pre-nav"><div class="left-icon"></div><div>重点关注</div></div><div class="pre-nav" style="margin-left: 10px;"><div>详细配置和使用文档请参照<div class="documentA" style="display: inline;">定位Flutter插件开发文档|/index.php?title=flutter/loc</div></div></div></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 class="title-hd">定位Flutter</div><!-- 标题下子标题及简介,可有多个 -->
+
</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使用产品下选项,可有多个 --><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&lt;BMKCluster *&gt; *)getClusters:(CGFloat)zoomLevel;</div></div><div><div>根据地图缩放级别获取标注集群</div></div><div><div>V4.0.0起</div></div></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/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|//mapopen-website-wiki.bj.bcebos.com/demos/newqrcodes/fultter.png</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 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="pre-nav">
+
            <div class="left-icon"></div>
+
            <div>重点关注</div>
+
        </div>
+
        <div class="pre-nav" style="margin-left: 10px;">
+
            <div>详细配置和使用文档请参照 <div class="documentA" style="display: inline;">定位Flutter插件开发文档|/index.php?title=flutter/loc</div></div>
+
        </div>
+
 
+
    </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&lt;BMKCluster *&gt; *)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 {
第292行: 第41行:
  
 
                 </pre>
 
                 </pre>
                <div class="pre-btn">
+
<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-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 {
第346行: 第79行:
  
 
                 </pre>
 
                 </pre>
                <div class="pre-btn">
+
<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-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 {
第400行: 第117行:
  
 
                 </pre>
 
                 </pre>
                <div class="pre-btn">
+
<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-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>
+

2022年2月25日 (五) 17:41的最后版本

定位Flutter
功能场景
本示例介绍了如何快速集成百度定位Flutter插件,实现两端基本定位需求。
Flutter
iOS
//mapopen-website-wiki.bj.bcebos.com/demos/flutter.mp4
1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/newqrcodes/fultter.png
扫码体验
使用产品
定位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端
重点关注
详细配置和使用文档请参照
定位Flutter插件开发文档|/index.php?title=flutter/loc
  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

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

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消