我是真的菜呀
我是真的菜呀
  • 发布:2025-06-06 14:22
  • 更新:2025-06-06 15:27
  • 阅读:22

nvue页面下map组件百度地图不显示

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 64位操作系统

HBuilderX类型: 正式

HBuilderX版本号: 4.66

手机系统: Android

手机系统版本号: Android 11

手机厂商: 模拟器

手机机型: mate50pro

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<!-- nvue 页面 --> <template> <view> <!-- map组件必须设置宽高 --> <map class="map" longitude="longitude" latitude="latitude" scale="scale" markers="markers" ></map>
</view>
</template>

<script>
export default {
data() {
return {
longitude: 116.397128, // 百度地图坐标(北京)
latitude: 39.916527,
scale: 16,
markers: [{
id: 0,
longitude: 116.397128,
latitude: 39.916527,
title: "百度地图示例"
}]
}
}
}
</script>

<style>
.map {
width: 500px;
height:500px; / 必须设置高度,否则不显示 /
}
</style>

操作步骤:

nvue页面下map百度地图不显示

预期结果:

显示地图

实际结果:

未显示地图

bug描述:

nvue页面下map百度地图不显示

2025-06-06 14:22 负责人:DCloud_App_Array 分享
已邀请:
DCloud_App_Array

DCloud_App_Array

nvue页面不支持百度地图。

要回复问题请先登录注册