xverse-components-house-layout-map
v1.0.0
Published
xverse components house-layout
Downloads
2
Readme
API
| 参数名 | 类型 | 说明 | 默认值 | 是否必填 | 备注 | | ------------------------------------- | --------------------------- | ----------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------------- | | style | CSSProperties | | - | true | - | | mapUrl | string | 大地图背景图 | - | true | - | | pointerUrl | string | 指针图片 | https://console-appasset-1258211750.file.myqcloud.com/editor/file/8ffc5bd5a2454b238155f429e1201145/48fd7ec0.png | false | - | | pointerWidth | number | 指针 UI 宽度 | - | true | 单位 px | | pointerHeight | number | 指针 UI 高度 | - | true | 单位 px | | vertex | IPosition[] | 地图四个顶点坐标 | - | false | 依次是左上、右上、右下、左下,长度必须为 4 | | virtualMapWidth | number | 虚拟大地图的 UI 宽度 | - | true | 单位 px | | virtualMapHeight | number | 虚拟大地图的 UI 高度 | - | true | 单位 px | | onExit | () => void | 退出回调 | - | false | - | | locations | IRealtimeMapLocationProps[] | 点位列表 | - | false | - | | children | ReactNode | | - | false | - | | backBtnStyle | CSSProperties | 返回按钮样式 | - | false | - | | currentLocationStyle | CSSProperties | 当前位置样式 | - | false | - | | currentLocationIconUrl | string | 当前位置 icon 图片 | https://console-appasset-1258211750.file.myqcloud.com/editor/file/8ffc5bd5a2454b238155f429e1201145/48fd7ec0.png | false | - | | commonLocationsStyle | CSSProperties | 点位未选中时的通用样式 | - | false | 优先级:子组件自定义配置 > 父组件通用配置,为简化配置,进行浅合并 | | commonActiveLocationStyle | CSSProperties | 点位选中时的通用样式 | - | false | 优先级:子组件自定义配置 > 父组件通用配置,为简化配置,进行浅合并 | | forwardBtn | IButtonProps | 点击立即前往按钮 | - | false | 如果需要自定义逻辑,无需配置 | | className | string | css 类名 | - | false | - | | onClick | () => void | 点击地图时的回调 | - | false | - | | offsetDegree | number | 旋转的角度 | - | false | 单位度, 可选值:0 90 180 270 360 | | showCurrentLocation | boolean | 是否展示当前位置 | | 很没有必要呀 小绿点在哪里不是很明显么 | - | false | - | | isScaled | boolean | 是否等比缩放 | - | false | 默认等比缩放,如果需要自定义缩放,请设置为 false; 设置成 false 的时候对美术提供的坐标顶点精确度要求高 | | isUseWidthScale | boolean | 是否使用宽度等比缩放比例 美术提供实际的地图的宽 | - | false | 开启等比缩放时设置才有用 |