uni-app HBuilderX更新到3.2.12.20211029版本后 地图上默认markers图标不显示 气泡出不来 控制台报错

uni-app HBuilderX更新到3.2.12.20211029版本后 地图上默认markers图标不显示 气泡出不来 控制台报错

开发环境 版本号 项目创建方式
Windows 10企业版
HBuilderX 3.2.12

产品分类：HbuilderX

示例代码：

<template>
<view class="content">
<map id="jbxqMap" style="width: 100%; height: 87vh;" :latitude="latitude" :longitude="longitude" :markers="covers" :polyline="polygonLineData"></map>
</view>
</template> 
<script>
export default {
data() {
return {
latitude: 32.037154,
longitude: 118.646375,
covers: [{
id: 111,
//iconPath:"/static/logo.png",
latitude: 32.037154,
longitude: 118.646375,
callout:{//配置气泡，配置气泡后，title会失效
content: '中兴人才公寓二期1',
display: 'ALWAYS',//显示方式，可以配置点击或一直显示，BYCLICK点击显示 ALWAYS
padding: '10',//文本边缘留白，文字和边界宽度
bgColor: "#cecbcb",//背景颜色
borderRadius: 5
}
}],
polygonLineData: []
}
},
onLoad() {

},
methods: {

}
}
</script> 
<style>

</style>

更多关于uni-app HBuilderX更新到3.2.12.20211029版本后 地图上默认markers图标不显示 气泡出不来 控制台报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

iconPath 为必填项，另外 title 或 callout 异常的问题参考：https://ask.dcloud.net.cn/question/133590

更多关于uni-app HBuilderX更新到3.2.12.20211029版本后 地图上默认markers图标不显示 气泡出不来 控制台报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


为什么旧版不设置iconPath会显示默认图标，新版就不行？

回复 1***@qq.com: 旧版本此处与文档描述不一致，已经修复

更新到HBuilderX 3.2.12版本后地图markers图标不显示、气泡无法弹出，控制台报错，这通常是由于新版对地图组件进行了调整或引入了兼容性问题。根据你的代码，问题可能出在marker配置上。

主要原因分析：

  1. 缺少必填的iconPath属性：在新版本中，如果marker未指定iconPath，可能会导致图标无法渲染。虽然你注释掉了iconPath，但实际运行时需要确保每个marker都有有效的图标路径。
  2. 气泡配置依赖图标显示：气泡（callout）的显示通常依赖于marker图标，如果图标未正确加载，气泡也可能无法弹出。
  3. 控制台报错内容缺失：具体错误信息对定位问题至关重要，建议检查控制台输出的详细错误，可能涉及资源加载、API权限或组件渲染异常。

解决方案：

  1. 恢复iconPath配置：取消注释iconPath: "/static/logo.png"，并确保该图片路径正确且文件存在。如果使用网络图片，需确认URL可访问且支持HTTPS（部分平台要求）。
  2. 简化测试配置：暂时移除callout等复杂配置，仅测试基础marker显示，逐步排查问题。例如：
    covers: [{
  id: 111,
  iconPath: "/static/logo.png",
  latitude: 32.037154,
  longitude: 118.646375
}]
回到顶部