uni-app 地图组件<map> 标点大小和display属性在app上无效,在h5上有效
uni-app 地图组件<map> 标点大小和display属性在app上无效,在h5上有效
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | windows 10 | HBuilderX |
产品分类:uniapp/App
PC开发环境操作系统:Windows
PC开发环境操作系统版本号:windows 10
HBuilderX类型:正式
HBuilderX版本号:3.2.9
手机系统:Android
手机系统版本号:Android 11
手机机型:一加7pro
页面类型:vue
打包方式:离线
项目创建方式:HBuilderX
示例代码:
<template>
<view>
<view class="page-body">
<view class="page-section page-section-gap">
<map style="width: 100%; height: 100vh;" :latitude="latitude" :longitude="longitude" :markers="covers" :polyline="polyline" @tap='tap' scale="7">
</map>
</view>
</view>
</view>
</template>
<script>
import jiankong from "@/static/biaodian.png"
export default {
data() {
return {
id:3,
title: 'map',
latitude:36.646385,
longitude:117.125244,
covers: [
//北京
{
longitude: 116.40,
latitude: 39.90,
// iconPath: jiankong,
width: 100,
height: 100,
callout: {
borderRadius: 10,
padding: 10,
bgColor: '#CDDFF3',
color: '#f00',
fontSize: 10,
content: `北京市`
}
},
//济南
{
longitude: 117.117004,
latitude: 36.650793,
iconPath: jiankong,
width: 10,
height: 10,
callout: {
borderRadius: 10,
padding: 10,
bgColor: '#CDDFF3',
color: '#f00',
fontSize: 10,
content: `济南市2`,
display: 'ALWAYS', //'BYCLICK':点击显示; 'ALWAYS':常显
}
},
],
}
},
methods: {
tap(e) {
console.log(e.detail)
},
}
}
</script>
<style>
</style>
操作步骤: app端能不能控制标点大小和冒泡显示
预期结果: app端能正常显示标点大小和冒泡显示
实际结果: app端能不能控制标点大小和冒泡显示
bug描述: h5页面 app页面对应显示
更多关于uni-app 地图组件<map> 标点大小和display属性在app上无效,在h5上有效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于uni-app 地图组件<map> 标点大小和display属性在app上无效,在h5上有效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
页面模板换成nvue就好了;

