<template>
<view class="orderDetails">
<view class="">
<z-tabs :list="menuList" :current="current" @change="tabsChange" />
</view>
<map :style="{width: '750rpx',height: mapHeight + 'px'}" class="map" :latitude="mapCenter.latitude"
@markertap="onMarkerTap" :longitude="mapCenter.longitude" :markers="markers" :enable-zoom="true" scale="12"
:enable-scroll="true"></map>
</view>
</template>
<script>
import utils from '@/common/utils.js'
const sysInfo = uni.getSystemInfoSync();
export default {
data() {
return {
current: 0,
status: 2,
scale: 13,
mapHeight: sysInfo.screenHeight,
mapCenter: {
longitude: 114.050476,
latitude: 32.994881
},
menuList: [{
name: '新任务',
value: '2',
},
{
name: '待取货',
value: '12',
},
{
name: '配送中',
value: '4',
}
],
markers: [],
orderList: [],
deviceBrand: ''
};
},
onLoad(e) {
let that = this
// 地图标标记
that.markers = [
//用户标记
{
id: 1,
callout: {
content: '收货地址',
color: '#2979ff',
padding: '6',
borderRadius: '10',
textAlign: 'left',
fontSize: '14',
display: 'ALWAYS'
},
longitude: 114.050476,
latitude: 32.994881,
iconPath: '/data/system/map_home.png',
width: '40',
height: '40'
}
];
},
onUnload() {},
computed: {},
methods: {
}
};
</script>
l***@126.com
- 发布：2026-01-14 08:45
- 更新：2026-01-14 08:56
- 阅读：29
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 4.57
手机系统： Android
手机系统版本号： Android 14
手机厂商： 荣耀
手机机型： HONOR 70
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
手机端直接运行
手机端直接运行
预期结果：
正常显示气泡
正常显示气泡
实际结果：
无显示
无显示
bug描述：
安卓手机上只显示一个点
该bug反馈内容基本完整，包含标题、描述、代码示例、复现步骤等必要信息，但描述可更详细（如是否特定条件下不显示）。代码示例完整可直接运行，复现步骤"手机端直接运行"稍简略但结合代码可复现。预期结果合理，实际结果表明存在兼容性问题。
经分析，该bug很可能成立。主要依据：
- 知识库明确说明map组件marker气泡callout的display属性在Android平台对Google地图仅支持'BYCLICK'，而用户设置
display: 'ALWAYS'可能导致不显示 - 用户使用HBuilderX 4.57（非最新版），可能存在已修复的兼容性问题
- H5与App渲染机制差异：App端使用系统WebView（Android 14对应较新内核），而H5使用标准浏览器，可能导致CSS/组件渲染差异
非误报，属典型平台兼容性问题。建议：
- 尝试将
display改为'BYCLICK'验证是否为平台限制 - 检查是否使用Google地图（国内通常用高德，需确认manifest.json配置）
- 更新至最新HBuilderX（当前正式版已高于4.57）
- 参考WebView兼容性处理方案引入X5内核增强兼容性
注意：uni-app App端使用WebView渲染，与H5的浏览器环境存在差异，属正常现象而非bug。
内容为 AI 生成，仅供参考
