更新记录

1.0.6（2023-07-10）

Update

1.0.5（2023-07-10）

1.0.3（2023-07-10）

支持v3

查看更多

平台兼容性

Vue2 Vue3
√ √
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ √ √ √ √ √

YC-AMap

组件名：YC-AMap 代码块： YC-AMap

<YC-AMap :markerSource="markers" :mapCenter="mapCenter" @initMapCompletes="inited" @clickMarker="clickMarker" />

参数

参数称名 说明 参数
mapCenter 地图中心点坐标 {position : {lat: 0, lng: 0}, ...params}
mapOption 地图初始化参数 {zoom: 10, ...params}
-- isMy 展示我的位置 false
-- polyline 轨迹参数 { is_clearMap: false // 是否清除覆盖物, is_has_Polygons: false // 是否有覆盖物, polyline_icon: { size: [0, 0], image= "", imageSize: [0, 0], offset = [] } // 轨迹图标(除了offset 都必填, offset默认 宽高/-2), polyline_color: {"default": "#108ee9", "warn": "red", "pass": "#45b787" } // 轨迹的颜色 }
markerSource 点数据 [{lat: "25.739284", lng: "119.363444", iconPath: "图标", width: 20, height: 20, id: 1, name: "是否显示名字（title）", ...params}, ...[params]]
polylineSource 轨迹数据 [{lat: "25.739284", lng: "119.363444"}, ...params]
polygonSource 面数据 [[119.280159, 26.063754], ...params]

事件

事件称名 说明 返回参数
initMapCompletes 地图初始化完成 地图对象
clickMarker 点击Marker点触发 点数据 (选中元素对象)
moveIndex 点移动的索引 拖拽后的数据 (选中元素对象)

map类

属性

属性名 说明 参数
amap 地图实例 null
AMap 地图AMapLoader.load返回数据 -
ownerInstance 当前renderjs实例 null
that 当前vue实例 config.that
option 地图初始化参数 config.option 或 {}
callback 地图初始化回调 config.callback
markers 点数据 [] // new AMap.Marker({})
is_click_markers 是否点击了标记点 false
polyline 轨迹实例 null // new AMap.Polyline({})
-- passedPolyline 经过的轨迹实例 null // new AMap.Polyline
-- polyline_init_list 轨迹数据（未的数据） [] // [{lng: 119.280159, lat: 26.063754, ...params}, [params]]
-- polyline_list 轨迹数据（处理的数据） [] // [[119.280159, 26.063754], ...[lng, lat]]
-- polyline_marker 轨迹上的点 null // new AMap.Marker({})
-- polyline_move_list 点移动时 轨迹数据 {} // this.polyline_marker 的"moving"事件，监听经过的点 数组集合
diff_is_some 轨迹moving事件 计数 0 // 监听 marker moving的 计数是否相同（用于累加 避免多加）
diff_polyline_move_num 计算 轨迹回放点的真实索引 0
load 地图加载状态 false
myMarker 我的位置实例 null // new AMap.Marker({})

方法

方法名 说明 参数
constructor 构造函数 config = {}
initMap 初始化地图 -
initMyMarker 初始化我的位置 { longitude, latitude }
draw 根据类型 触发方法 { value, instance // renderjs实例, type = "markers" }
drawMarker 绘制标记点 [{lat: "25.739284", lng: "119.363444", iconPath: "图标", width: 20, height: 20, id: 1, name: "是否显示名字（title）", ...params}, ...[params]]
drawPolyLines 绘制轨迹 [{lng: 119.280159, lat: 26.063754, ...params}, [params]]
drawPolygons 绘制多边形范围 [[119.280159, 26.063754], ...[lng, lat]]
activeSlider 轨迹操作 { type: "start", speed: // 速度, index: 位置索引, duration // 持续时间 默认16 }
setCenter 设置中心点 { position // [lng, lat], ...val }

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论

暂无用户评论。

插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...