更新记录
1.0.0(2025-04-24)
下载此版本
支持微信小程序。注意
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
√ |
× |
× |
√ |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
y-drawing-map
组件介绍
本插件是一个可以自定义地图图层的插件,将自定义图片根据经纬度覆盖在地图上,常用于手绘地图。
组件文档
属性名 |
类型 |
必传 |
默认值 |
说明 |
mapImgUrls |
Array |
true |
[{地图组件控制的addGroundOverlay属性列表}] |
结构详见地图组件控制的addGroundOverlay属性 |
markers |
Object |
false |
{} |
结构详见map组件的markers属性 |
centerLonLat |
Object |
false |
{longitude: 104.480609,latitude: 36.305564} |
地图默认的中心位置 |
isCustomcallout |
Boolean |
false |
false |
是否开启自定义气泡,自定义气泡在本插件的源码修改 |
watermarkImage属性说明
属性值 |
参数类型 |
默认值参数 |
必填 |
说明 |
url |
String |
|
true |
水印图片地址(cdn或临时路径) |
width |
Number |
50 |
true |
水印图片宽度,单位rpx。 |
height |
Number |
50 |
true |
水印图片高度,单位rpx。 |
top |
Number |
50 |
true |
水印图片与相机取景框顶部的距离,单位rpx。 |
left |
Number |
50 |
true |
水印图片与相机取景框左边的距离,单位rpx。 |
事件
事件名 |
返回值类型 |
说明 |
takePhoto |
Promise |
拍照事件,在外部使用的页面通过ref调用该组件的takePhoto 方法。如vue3中使用: customCamera.value?. takePhoto() |
完整示例