更新时间:2021-09-10 08:43:53下载pdf
本主题介绍在面板 SDK 中使用陀螺仪地图组件的接口。
参数 | 数据类型 | 说明 | 默认值 |
---|---|---|---|
width | Number | 地图组件宽度 | 屏幕宽 |
height | Number | 地图组件高度 | 屏幕高 |
radius | Number | 圆半径、或者矩形半径 (若为正方形,则表示边长的一半) | 1 |
space | Number | 每个点之间的间隔 | 无 |
maxZoomScale | Number | 地图最大放大倍数 | 4 |
clearData | Boolean | 清空当前地图数据 | false |
pointType | String | 图像类型。
|
‘square’ |
scale | object | 中心点缩放比例 {x: number; y: number; scale: number} | {} |
data | array | 增量数据点数组 [{ x:number, y:number, color:#ffffff }] | [] |
currentPos | object | 当前点位置 (即扫地机所在位置) {x: number, y: number} | {} |
markerIcon | String | 扫地机的图片 URL | ‘’ |
pilePosition | object | 充电桩的坐标 {x: number, y: number} | {} |
pileIcon | String | 充电桩图标 URL | ‘’ |
barrierColor | String | 障碍点颜色,类型为#ARGB 或 #RGB | ‘#FFFFFF’ |
strokeWidth | Number | 描边宽度 | 1 |
strokeColor | Number | 描边颜色 | ‘#D9F6B4’ |
limitPointNum | Number | 补点的阈值 | 3 |
pointColor | String | 清扫点的颜色,用于补点 | ‘#D9F6B4’ |
import { RCTGyroMap } from 'tuya-panel-robot-sdk'
class GyroMap extends Component {
render() {
return <RCTGyroMap {...this.props} />;
}
}
该内容对您有帮助吗?
是意见反馈该内容对您有帮助吗?
是意见反馈