图片覆盖物,继承BaseOverlay。在调用map.MapComponentController类的addImageOverlay方法时会返回该类型的实例。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
示例:
let imageOverlayParams: mapCommon.ImageOverlayParams = {
bounds: {
southwest: { latitude: 32, longitude: 118 },
northeast: { latitude: 32.4, longitude: 118.4 }
},
// 图标需存放在resources/rawfile目录下
image: 'icon.png',
transparency: 0.3,
zIndex: 101,
anchorU: 0.5,
anchorV: 0.5,
clickable: true,
visible: true,
bearing: 0
};
// 添加图片覆盖物
let imageOverlay = await this.mapController.addImageOverlay(imageOverlayParams);
// 设置覆盖物旋转角度为180度
imageOverlay.setBearing(180);
let bearing: number = imageOverlay.getBearing(); getBearing(): number
获取覆盖物的旋转角度。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
返回值:
| 类型 | 说明 |
|---|---|
| number | 返回覆盖物的旋转角度,单位:度(°)。 |
示例:
let bearing: number = imageOverlay.getBearing();
getBounds(): mapCommon.LatLngBounds
获取覆盖物的矩形区域。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
返回值:
| 类型 | 说明 |
|---|---|
| mapCommon.LatLngBounds | 获取覆盖物的矩形区域。 |
示例:
let bounds: mapCommon.LatLngBounds = imageOverlay.getBounds();
getHeight(): number
获取覆盖物的高度。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
返回值:
| 类型 | 说明 |
|---|---|
| number | 覆盖物的高度,单位:m。 |
示例:
let height: number = imageOverlay.getHeight();
getWidth(): number
获取覆盖物的宽度。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
返回值:
| 类型 | 说明 |
|---|---|
| number | 覆盖物的宽度,单位:m。 |
示例:
let width: number = imageOverlay.getWidth();
getPosition(): mapCommon.LatLng
获取覆盖物的位置。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
返回值:
| 类型 | 说明 |
|---|---|
| mapCommon.LatLng | 覆盖物的位置。 |
示例:
let position: mapCommon.LatLng = imageOverlay.getPosition();
getTransparency(): number
获取覆盖物的透明度。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
返回值:
| 类型 | 说明 |
|---|---|
| number | 覆盖物的透明度。取值范围:[0, 1]。0表示不透明,1表示全透明。 |
示例:
let transparency: number = imageOverlay.getTransparency();
isClickable(): boolean
获取是否可点击。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
返回值:
| 类型 | 说明 |
|---|---|
| boolean | 是否可点击。 - true:可点击 - false:不可点击 |
示例:
let click: boolean = imageOverlay.isClickable();
setBearing(bearing: number): void
设置覆盖物的旋转角度。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| bearing | number | 是 | 覆盖物的旋转角度,单位:°。 以正北方向为0°、顺时针方向为正的角度,默认值为0°,取值范围:[0, 360)。超出取值范围的值会换算成取值范围内的值,比如361°会被换算成1°,-1°换算为359°。 |
示例:
imageOverlay.setBearing(180);
setClickable(clickable: boolean): void
设置是否开启可点击开关。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| clickable | boolean | 是 | 是否开启可点击开关。 - true:开启 - false:不开启 |
示例:
imageOverlay.setClickable(false);
setDimensions(width: number, height?: number): void
设置覆盖物的宽度和高度。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| width | number | 是 | 宽度,width为正整数,单位:m,异常值不处理。 |
| height | number | 否 | 高度,height为正整数,单位:m,异常值不处理。若不设置高度,则以覆盖物图片默认宽高比例显示高度。 |
示例:
imageOverlay.setDimensions(100000, 100000);
setImage(image: ResourceStr | image.PixelMap): Promise<void>
设置覆盖物的图像。使用Promise异步回调。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| image | ResourceStr | image.PixelMap | 是 | 覆盖物的图像。 图片格式支持jpg、jpeg、png、gif(只支持显示第一帧)、webp、svg。 说明: ResourceStr为Resource和string两种格式,其中string类型入参支持两种格式: - 资源相对路径格式:图标存放在resources/rawfile,image参数传入rawfile文件夹下的相对路径。 - toDataURL格式(如data:image/png;base64,<图片的Base64字节编码值>)。 |
返回值:
| 类型 | 说明 |
|---|---|
| Promise<void> | Promise对象。无返回结果的Promise对象。 |
示例:
// 图标需存放在resources/rawfile目录下
await imageOverlay.setImage("icon.png"); setBounds(bounds: mapCommon.LatLngBounds): void
设置覆盖物的矩形区域。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| bounds | mapCommon.LatLngBounds | 是 | 覆盖物的矩形区域。 |
示例:
let bounds: mapCommon.LatLngBounds = {
southwest: { longitude: 118, latitude: 31 },
northeast: { longitude: 119, latitude: 32 }
};
imageOverlay.setBounds(bounds); setPosition(position: mapCommon.LatLng): void
设置覆盖物的位置。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| position | mapCommon.LatLng | 是 | 覆盖物的位置。 |
示例:
let position: mapCommon.LatLng = { longitude: 118, latitude: 31 };
imageOverlay.setPosition(position); setTransparency(transparency: number): void
设置覆盖物的透明度。
模型约束: 此接口仅可在Stage模型下使用。
元服务API: 从版本5.0.0(12)开始,该接口支持在元服务中使用。
系统能力: SystemCapability.Map.Core
起始版本: 5.0.0(12)
参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| transparency | number | 是 | 覆盖物的透明度。取值范围:[0, 1]。0表示不透明,1表示全透明。异常值不处理。 |
示例:
imageOverlay.setTransparency(0.1);