vue-baidu-map icon indicating copy to clipboard operation
vue-baidu-map copied to clipboard

bm-marker 指定 size 无法自动缩放自定义 icon

Open BugVSbug opened this issue 4 years ago • 5 comments

[BUG 反馈] bm-marker 指定 size 无法自动缩放自定义 icon

浏览器版本号

google:版本 87.0.4280.88(正式版本) (x86_64)

Vue 版本号

2.6.10

组件库版本号

0.21.22

现象描述

bm-marker的icon中的size属性无法设置背景图的宽高,而是dom元素的宽高,百度地图API中有相关属性:



const size = new BMap.Size(25, 35)
const icon = new BMap.Icon(require('icon.png'), size)
icon.imageSize = size
const marker = new BMap.Marker(new BMap.Point(lng, lat), {icon: icon})
map.addOverlay(marker)

完整异常信息

在线示例 / 仓库 URL

https://localhost:1038/monitoring

复现用例

预期输出

图片正常缩放

实际输出

图片无法正常缩放

BugVSbug avatar Jan 05 '21 03:01 BugVSbug

我也是一样的问题 我服了

rich-bot avatar Mar 09 '21 06:03 rich-bot

image 设置了imageSize 没有用

rich-bot avatar Mar 09 '21 06:03 rich-bot

image 设置了imageSize 没有用

请问解决了吗?

quan-zai avatar Apr 27 '21 06:04 quan-zai

看下源码,里面有

qiuzhaofeng avatar May 06 '21 07:05 qiuzhaofeng

:icon="{ url: require('@/assets/location.png'), size: { width: 100, height: 100 }, opts: { imageSize: { width: 22, height: 22 }, }, }"

JunevaYang avatar Jun 01 '21 08:06 JunevaYang