class MarkerBean {
constructor(id, latitude, longitude, callout, content) {
this.id = id;
this.latitude = latitude;
this.longitude = longitude;
this.callout = callout
this.iconPath = "/static/callout.png"
this.label = {
content: String(content),
color: '#000',
x: -4,
y: -20,
textAlign: 'center',
}
}
}
class MarkerCallOut {
constructor(content, color, fontSize, borderRadius) {
this.content = content;
this.color = color;
this.fontSize = fontSize;
this.borderRadius = borderRadius;
this.padding = 10
this.bgColor = "rgba(255,255,255,.9)"
// this.display = 'ALWAYS'
}
}
export {
MarkerBean,
MarkerCallOut
}
2***@qq.com
- 发布：2024-11-27 18:12
- 更新：2024-11-27 18:12
- 阅读：11
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 4.29
浏览器平台： Chrome
浏览器版本： 125.0.6422.142（正式版本） （64 位）
项目创建方式： HBuilderX
示例代码：
操作步骤：
<map name="map" class="map-view"
:markers="markers" ></map>
创建MarkerBean,MarkerCallOut对象塞在markers数组里
<map name="map" class="map-view"
:markers="markers" ></map>
创建MarkerBean,MarkerCallOut对象塞在markers数组里
预期结果：
label可以显示在iconPath上
label可以显示在iconPath上
实际结果：
label可以被iconPath覆盖
label可以被iconPath覆盖
bug描述：
H5 map组件设置marker时 iconPath会覆盖label
iconPath和label都正常显示出来了
通过x，y调整label的位置时，发现label无法处于iconPath上层
0 个回复