陀螺仪地图组件

更新时间:2021-09-10 08:43:53下载pdf

本主题介绍在面板 SDK 中使用陀螺仪地图组件的接口。

RCTGyroMap

组件属性

参数 数据类型 说明 默认值
width Number 地图组件宽度 屏幕宽
height Number 地图组件高度 屏幕高
radius Number 圆半径、或者矩形半径 (若为正方形,则表示边长的一半) 1
space Number 每个点之间的间隔
maxZoomScale Number 地图最大放大倍数 4
clearData Boolean 清空当前地图数据 false
pointType String 图像类型。
  • 圆:‘circle’
  • 正方形:‘square’
‘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’

JavaScript 调用示例

import { RCTGyroMap } from 'tuya-panel-robot-sdk' class GyroMap extends Component { render() { return <RCTGyroMap {...this.props} />; } }