map组件气泡callout不显示？

分类：uni-app

uniapp

uni-app 安卓、使用map 设置marker，

{
"id": 1391,
"latitude": 34.263313531,
"longitude": 117.179917535,
"width": 40,
"height": 40,
"callout": {
"content": "测试气泡",
"display": "ALWAYS",
"fontSize": 30,
"bgColor": "blue",
"color": "#fff",
"borderRadius": 8,
"padding": 10,
"textAlign": "center"
},
"iconPath": "/static/images/manTest.png",
"offset": [
100,
50
]
},

diplay：ALWAYS 无效！

请问这是为什么有人知道如何解决吗

2026-04-16 16:41 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

根据知识库中关于 App平台地图服务商差异 的文档，map 组件的 callout 气泡 display 属性在不同地图服务商上的支持情况存在差异：

平台差异说明	属性	说明	高德是否支持	Google地图是否支持
display	'BYCLICK':点击显示; 'ALWAYS':常显	已支持	Android支持，iOS只支持 'BYCLICK'

建议检查以下几点：

确认地图服务商配置：在 App 端（Android），需要确认 manifest.json 中配置的是高德地图还是 Google 地图。如果是 Google 地图，虽然 Android 支持 ALWAYS，但可能存在实现差异。
参考标准写法：根据示例代码，建议为 callout 添加类型声明 as MapMarkerCallout，并确保结构完整：
```
callout: {  
   content: '北京西站',  
   color: '#ffffff',  
   fontSize: 12,  
   borderRadius: 10,  
   borderWidth: 2,  
   borderColor: '#333300',  
   bgColor: '#ff5500',  
   padding: 5,  
   display: 'ALWAYS'  
} as MapMarkerCallout  
```
本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent
检查 offset 配置：您配置中的 offset: [100, 50] 可能会将气泡偏移到屏幕外，建议先移除 offset 测试是否为定位问题导致的气泡"不显示"。
验证 iconPath 路径：确保 iconPath 指向的图片路径正确且存在（注意您示例中的 /staic/ 可能是 /static/ 的拼写错误）。

知识库未覆盖部分：
抱歉，知识库中暂未找到关于 callout 完全不显示的具体排查方案。如果上述建议无法解决问题，建议到插件市场搜索地图相关插件（如 "liu-easy-map" 等）作为替代方案，或提交 ISSUE 反馈具体机型和地图服务商配置信息。

相关文档：marker 上的气泡 callout

内容为 AI 生成，仅供参考

要回复问题请先登录或注册

map组件气泡callout不显示？

1 个回复

公告

相关问题

map组件 气泡callout不显示？

与内容相关的链接

1 个回复

公告

相关问题

map组件气泡callout不显示？