4 回复
收到,谢谢
HBuilderX alpha 3.3.0+ 已修复
在H5平台,@callouttap事件确实不生效,这是uni-app的已知限制。该事件仅在App和微信小程序平台有效。
解决方案:
- 使用
[@markertap](/user/markertap)替代:点击标注时会触发此事件,可通过e.markerId判断具体标注 - 自定义标注弹窗:使用
cover-view覆盖地图区域,点击标注时显示自定义弹窗 - 平台条件编译:针对不同平台使用不同事件处理
示例代码:
// 统一使用markertap处理
<map [@markertap](/user/markertap)="handleMarkerTap"></map>
methods: {
handleMarkerTap(e) {
// H5平台通过markertap模拟callouttap
console.log('标注ID:', e.markerId)
// 这里可以显示自定义信息窗口
}
}


