切换地图类型

场景介绍

从6.0.0(20)开始,支持卫星图和混合地图功能。

Map Kit支持以下地图类型:

图1 标准地图

图2 空地图

图3 地形图

图4 卫星图

图5 混合地图

接口说明

Map Kit提供2种方式设置地图类型:

方式一:在初始化的时候,通过设置MapOptions中的mapType属性来控制展示不同地图类型。

属性名 描述
mapCommon.MapOptions.mapType 地图初始化参数中的MapType地图类型。

方式二:地图创建后,可通过setMapType方法动态设置地图类型。

接口名 描述
setMapType(mapType: mapCommon.MapType): void 设置地图类型。

开发步骤

  1. 导入相关模块。

    import { mapCommon } from '@kit.MapKit';
  2. 设置地图类型。

    方式一:

    在地图初始化的时候,在mapOptions参数中新增mapType属性:mapCommon.MapType.STANDARD(标准地图)。

    this.mapOptions = {
      position: {
        target: {
          latitude: 31.984410259206815,
          longitude: 118.76625379397866
        },
        zoom: 15
      },
      mapType: mapCommon.MapType.STANDARD
    };

    显示效果如下:

    方式二:地图创建后,调用setMapType方法设置地图类型为地形图。设置为地形图时,为了获得最佳显示效果,推荐将地图缩放层级保持在5至14之间。

    this.mapController.setMapType(mapCommon.MapType.TERRAIN);

    显示效果如下: