<template>
<view>
<view class="page-body">
<view class="page-section page-section-gap">
<map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers">
</map>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
id:0, // 使用 marker点击事件 需要填写id
title: 'map',
latitude: 39.909,
longitude: 116.39742,
covers: [{
latitude: 39.909,
longitude: 116.39742,
iconPath: '../../../images/map/icon_company.png'
}, {
latitude: 39.90,
longitude: 116.39,
iconPath: '../../../images/map/icon_company.png'
}]
}
},
methods: {
}
}
</script> 
3***@qq.com
- 发布：2025-04-02 17:29
- 更新：2025-04-02 20:10
- 阅读：68
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 专业版
HBuilderX类型： 正式
HBuilderX版本号： 4.57
浏览器平台： Chrome
浏览器版本： 版本 134.0.6998.178（正式版本）
项目创建方式： HBuilderX
示例代码：
操作步骤：
直接运行代码，地图上就不显示markers
直接运行代码，地图上就不显示markers
预期结果：
预期结果是运行代码，地图上显示markers
预期结果是运行代码，地图上显示markers
实际结果：
直接运行代码，地图上就不显示markers
直接运行代码，地图上就不显示markers
bug描述：
uniapp上使用腾讯地图map，根据uniapp官方文档-内置组件-地图-map中的例子，markers在地图上无法显示。代码如下：
<template>
<view>
<view class="page-body">
<view class="page-section page-section-gap">
<map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers">
</map>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
id:0, // 使用 marker点击事件 需要填写id
title: 'map',
latitude: 39.909,
longitude: 116.39742,
covers: [{
latitude: 39.909,
longitude: 116.39742,
iconPath: '../../../images/map/icon_company.png'
}, {
latitude: 39.90,
longitude: 116.39,
iconPath: '../../../images/map/icon_company.png'
}]
}
},
methods: {
}
}
</script> 
1 个回复
DCloud_UNI_yuhe
检查一下 iconPath 是否正确引入了