xverse-components-realtime-map
v1.0.3
Published
xverse components realtime-map
Downloads
40
Readme
API
| 参数名 | 类型 | 说明 | 默认值 | 是否必填 | 备注 | | ------------------------- | --------------------------- | -------------------------- | ------ | -------- | ----------------------------------------------------------------- | | mapUrl | string | 大地图背景图 | - | true | - | | pointerUrl | string | 指针图片 | - | false | - | | pointerStyle | CSSProperties | 指针样式 | - | false | - | | vertex | IPosition[] | 地图四个顶点坐标 | - | false | 依次是左上、右上、右下、左下,长度必须为 4 | | virtualMapWidth | number | 虚拟大地图的 UI 宽度 | - | true | 单位 px | | virtualMapHeight | number | 虚拟大地图的 UI 高度 | - | true | 单位 px | | virtualMiniMapDiameter | number | 小地图模式时的圆形 UI 直径 | 100 | false | 单位 px | | miniMapExtraStyle | CSSProperties | 小地图的装饰样式 | - | false | - | | isMiniMapMode | boolean | 是否小地图模式 | - | false | - | | onExit | () => void | 退出回调 | - | false | - | | locations | IRealtimeMapLocationProps[] | 景点列表 | - | false | - | | children | ReactNode | | - | false | - | | showArrowhead | boolean | 是否显示箭头 | - | false | - | | arrowhead | IArrowhead[] | 移动地图的箭头 | - | false | 依次是上、下,左、右 | | backBtnStyle | CSSProperties | 返回按钮样式 | - | false | - | | currentLocationStyle | CSSProperties | 当前位置样式 | - | false | - | | currentLocationIconUrl | string | 当前位置 icon 图片 | - | false | - | | commonLocationsStyle | CSSProperties | 景点未选中时的通用样式 | - | false | 优先级:子组件自定义配置 > 父组件通用配置,为简化配置,进行浅合并 | | commonActiveLocationStyle | CSSProperties | 景点选中时的通用样式 | - | false | 优先级:子组件自定义配置 > 父组件通用配置,为简化配置,进行浅合并 | | forwardBtn | IButtonProps | 点击立即前往按钮 | - | false | 如果需要自定义逻辑,无需配置 | | className | string | css 类名 | - | false | - | | onClick | () => void | 点击地图时的回调 | - | false | - | | onMovingClick | () => void | 移动中点击地图 | - | false | - |
