关于腾讯地图:腾讯地图SDK实现点击建筑显示围栏及建筑信息效果

前言

AOI（area of interest），也叫趣味面，与 POI 相似。POI 用于标记一个点，而 AOI 用于标记一个区域。在腾讯地图 APP 中点击建筑物，会应用轮廓线将该建筑物突围，同时显示建筑物的相干信息，如：名称、地址、间隔、电话等等。如下图所示：

应用场景

点击地图中 POI 名称，显示该修建的 AOILayer，并且通过腾讯地图 SDK 的检索性能获取该建筑物的相干信息。

筹备

1、腾讯地图 3D SDK

2、AOILayer

3、地点检索

外围代码

1、监听点击 POI 的回调，获取 POI 信息：

  - (void)mapView:(QMapView *)mapView didTapPoi:(QPoiInfo *)poi {
      // 判断点击的是否为同一个 POI，如果雷同，则移除以后 AOILayer
      if (_poiName != nil && [_poiName isEqualToString:poi.name]) {
          _poiName = nil;
          [self removeAoiLayer];
          return;
      }
      
      _poiName = poi.name;
      QMSPoiSearchOption *option = [[QMSPoiSearchOption alloc] init];
      option.keyword = poi.name;
      // 检索固定在北京，如果北京没有检索到则主动扩大区域
      [option setBoundaryByRegionWithCityName:@"北京" autoExtend:YES center:poi.coordinate];
      // 发动检索
      [self.mapSearcher searchWithPoiSearchOption:option];
  }

2、监听检索回调，获取该 POI 的 id 值。检索可能返回多个 POI 数据，这里默认取出第一条与以后点击 POI 最相近的：

  - (void)searchWithPoiSearchOption:(QMSPoiSearchOption *)poiSearchOption didReceiveResult:(QMSPoiSearchResult *)poiSearchResult {
    
    // 解析出 POI 的 id
    if (poiSearchResult.dataArray.count > 0) {
        QMSPoiData *data = poiSearchResult.dataArray.firstObject;
        if (data.id_ != nil && data.id_.length > 0) {
            _poiData = data;
            _poiId = data.id_;
            // 创立 AOILayer
            [self createAoiLayer];
        }
    }
}

3、创立 AOILayer：

_aoiLayer = [[QAOILayer alloc] initWithUID:_poiId];

[self.mapView addAOILayer:_aoiLayer callback:^(BOOL success) {if (success) {NSLog(@"增加胜利");
} else {NSLog(@"增加失败");
}
}];

以上就是外围代码，在 Demo 中增加了用于显示信息的信息面板以及定位性能，有趣味的同学能够在文章最下方进入我的码云下载残缺示例。

示例：创立腾讯北京总部大楼的 AOILayer

点评

该性能目前还有些许不足之处，比方：

1、有些 POI 并没有生成 AOI 信息，同时可能因为数据窃密的起因，形成 AOI 面的坐标点并没有公开。

2、AOI 的图标、轮廓临时无奈更换，如果背景如上图所示的绿色，那么轮廓线很容易跟背景混同。

3、POI 检索进去的信息还是比拟无限的。

链接

感兴趣的同学能够在码云中下载 Demo 尝试一下。

以上内容转载自面糊的文章《模拟腾讯地图 APP 点击修建成果》

链接：https://www.jianshu.com/p/8ab…

起源：简书

著作权归作者所有。商业转载请分割作者取得受权，非商业转载请注明出处。