<template>
<view >
<map id="jbxqMap" style="width: 100%; height: 87vh;" @callouttap="ttap()" :latitude="latitude" :longitude="longitude" :markers="covers">
</map>
</view>
</template>
<script>
export default {
data() {
return {
latitude: 32.037154,
longitude: 118.646375,
covers: [{
id: 111,
iconPath:"/static/map/marker.png",
latitude: 32.037154,
longitude: 118.646375,
callout: {//配置气泡，配置气泡后，title会失效
content: '中兴人才公寓二期1',
display: 'ALWAYS',//显示方式，可以配置点击或一直显示，BYCLICK点击显示 ALWAYS
padding: '10',//文本边缘留白，文字和边界宽度
bgColor: "#cecbcb",//背景颜色
borderRadius: 5
}
}]
}
},
onLoad() {
this.loadMarker()
},
methods: {
loadMarker(){
let arrLayer = []
let arrPoLine = []
arrLayer.push({
id: 111,
iconPath:"/static/map/marker.png",
latitude: 32.037154,
longitude: 118.646375,
callout: {//配置气泡，配置气泡后，title会失效
content: '人才公寓二期1',
display: 'ALWAYS',//显示方式，可以配置点击或一直显示，BYCLICK点击显示 ALWAYS
padding: '10',//文本边缘留白，文字和边界宽度
bgColor: "#cecbcb",//背景颜色
borderRadius: 5
}
})
//this.covers = arrLayer
//this.polygonLineData = arrPoLine
},
ttap(e){
alert(1)
}
}
}
</script>
<style lang="scss" scoped>
</style>
1***@qq.com
- 发布：2021-11-22 17:58
- 更新：2021-12-03 20:14
- 阅读：551
产品分类： HbuilderX
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10企业版
HBuilderX版本号： 3.2.15
示例代码：
操作步骤：
使用示例代码加上marker气泡，无法触发
使用示例代码加上marker气泡，无法触发
预期结果：
点击事件有效
点击事件有效
实际结果：
点击事件没触发
点击事件没触发
bug描述：
无法触发map上气泡点击事件
问题确认，已加分，HBuilderX alpha 3.3.0+ 已修复
临时解决方案，下载替换文件到 HBuilder 对应路径:
https://unpkg.com/@dcloudio/uni-h5@2.0.0-32920211122002/dist/index.umd.min.jsHBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-h5/dist/index.umd.min.js-
-
-
-
-
-
1***@qq.com (作者)
回复 DCloud_UNI_GSQ: 同样的页面放到新建的项目发布后点击事件能触发，在我的项目里发布后就不行，也不知道是什么影响的唉
2021-12-17 11:36
1***@qq.com (作者)
vue h5
2021-11-22 18:11