“定位Flutter”的版本间的差异

2020年6月1日 (一) 15:41的版本

定位Flutter

功能场景

本示例介绍了如何快速集成百度定位Flutter插件，实现两端基本定位需求。

//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/flutter定位插件.mp4

1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/qrcodes/flutter.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插件开发文档

//mapopen-website-wiki.bj.bcebos.com/demos/iostest.MP4

//mapopen-website-wiki.bj.bcebos.com/demos/play.png

扫码手机观看

使用产品

产品1|/index.php?title=test

>

产品2|/index.php?title=test

下载源码

//mapopen-website-wiki.bj.bcebos.com/demos/xs%20max.png

核心接口

类

接口

描述

备注

BMKClusterManager

- (void)clearClusterItems;

清除标注集群items

V4.0.0起

BMKClusterManager

- (NSArray<BMKCluster *> *)getClusters:(CGFloat)zoomLevel;

根据地图缩放级别获取标注集群

V4.0.0起

核心代码

1.第一步

Objective-C

1
/** 更新标注展示. */
- (void)updateClusters {
_clusterZoom = (NSInteger)_mapView.zoomLevel;
@synchronized(_clusterManager.clusterCaches) {
     NSMutableArray *clusters = [_clusterManager.clusterCaches objectAtIndex:(_clusterZoom - 3)];
    if (clusters.count > 0) {

        // 移除一组标注
        [_mapView removeAnnotations:_mapView.annotations];
        //将一组标注添加到当前地图View中
        [_mapView addAnnotations:clusters];
    } else {
    __weak typeof(self) weakSelf = self;
        dispatch_async(dispatch_get_global_queue(0, 0), ^{
            // 获取聚合后的标注
            __block NSArray *array = [weakSelf.clusterManager getClusters:weakSelf.clusterZoom];
            dispatch_async(dispatch_get_main_queue(), ^{
                for (BMKCluster *item in array) {
                    ClusterAnnotation *annotation = [[ClusterAnnotation alloc] init];
                    // 设置标注的经纬度坐标
                    annotation.coordinate = item.coordinate;
                    annotation.size = item.size;
                    // 设置标注的标题
                    annotation.title = [NSString stringWithFormat:@"我是%lu个", (unsigned long)item.size];
                    [clusters addObject:annotation];
                }
                // 移除一组标注
                [weakSelf.mapView removeAnnotations:weakSelf.mapView.annotations];
                // 将一组标注添加到当前地图View中
                [weakSelf.mapView addAnnotations:clusters];
            });
        });
    }
}
}

复制

深色

复制成功

2.第二步

Objective-C

2
/** 更新标注展示. */
- (void)updateClusters {
_clusterZoom = (NSInteger)_mapView.zoomLevel;
@synchronized(_clusterManager.clusterCaches) {
     NSMutableArray *clusters = [_clusterManager.clusterCaches objectAtIndex:(_clusterZoom - 3)];
    if (clusters.count > 0) {

        // 移除一组标注
        [_mapView removeAnnotations:_mapView.annotations];
        //将一组标注添加到当前地图View中
        [_mapView addAnnotations:clusters];
    } else {
    __weak typeof(self) weakSelf = self;
        dispatch_async(dispatch_get_global_queue(0, 0), ^{
            // 获取聚合后的标注
            __block NSArray *array = [weakSelf.clusterManager getClusters:weakSelf.clusterZoom];
            dispatch_async(dispatch_get_main_queue(), ^{
                for (BMKCluster *item in array) {
                    ClusterAnnotation *annotation = [[ClusterAnnotation alloc] init];
                    // 设置标注的经纬度坐标
                    annotation.coordinate = item.coordinate;
                    annotation.size = item.size;
                    // 设置标注的标题
                    annotation.title = [NSString stringWithFormat:@"我是%lu个", (unsigned long)item.size];
                    [clusters addObject:annotation];
                }
                // 移除一组标注
                [weakSelf.mapView removeAnnotations:weakSelf.mapView.annotations];
                // 将一组标注添加到当前地图View中
                [weakSelf.mapView addAnnotations:clusters];
            });
        });
    }
}
}

复制

深色

复制成功

3.名字

Objective-C

3
/** 更新标注展示. */
- (void)updateClusters {
_clusterZoom = (NSInteger)_mapView.zoomLevel;
@synchronized(_clusterManager.clusterCaches) {
     NSMutableArray *clusters = [_clusterManager.clusterCaches objectAtIndex:(_clusterZoom - 3)];
    if (clusters.count > 0) {

        // 移除一组标注
        [_mapView removeAnnotations:_mapView.annotations];
        //将一组标注添加到当前地图View中
        [_mapView addAnnotations:clusters];
    } else {
    __weak typeof(self) weakSelf = self;
        dispatch_async(dispatch_get_global_queue(0, 0), ^{
            // 获取聚合后的标注
            __block NSArray *array = [weakSelf.clusterManager getClusters:weakSelf.clusterZoom];
            dispatch_async(dispatch_get_main_queue(), ^{
                for (BMKCluster *item in array) {
                    ClusterAnnotation *annotation = [[ClusterAnnotation alloc] init];
                    // 设置标注的经纬度坐标
                    annotation.coordinate = item.coordinate;
                    annotation.size = item.size;
                    // 设置标注的标题
                    annotation.title = [NSString stringWithFormat:@"我是%lu个", (unsigned long)item.size];
                    [clusters addObject:annotation];
                }
                // 移除一组标注
                [weakSelf.mapView removeAnnotations:weakSelf.mapView.annotations];
                // 将一组标注添加到当前地图View中
                [weakSelf.mapView addAnnotations:clusters];
            });
        });
    }
}
}

复制

深色

复制成功

更多功能

点标记动画|/index.php?title=test

点融合|/index.php?title=test

添加文字和信息窗|/index.php?title=test

@@ 第18行： / 第18行： @@
                          <div class="video-wrap infor">
                              <div class="video-control"></div><!-- 安卓视频位置 (不写协议)-->
-                             <pre>//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/flutter.mp4</pre>
+                             <pre>//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/flutter定位插件.mp4</pre>
                          </div>
                          <div class="video-icon-and">
@@ 第34行： / 第34行： @@
                  <div class="left-qrCode">
                      <!-- 安卓二维码位置 -->
-                     <div class="qrCode-and">1590746640|</div>
+                     <div class="qrCode-and">1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/qrcodes/flutter.png</div>
                      <div>扫码体验</div>
                  </div>
@@ 第137行： / 第137行： @@
              </div>
          </div>
+        <div class="pre-nav">
+            <div class="left-icon"></div>
+            <div>重点关注</div>
+        </div>
+        <div class="pre-nav" style="margin-left: 10px;">
+            <div>详细配置和使用文档请参照定位Flutter插件开发文档</div>
+        </div>
      </div>

文档全面上新

2020年6月1日 (一) 15:41的版本