- 发布：2022-12-01 13:17
- 更新：2023-04-25 16:54
- 阅读：146
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 22H2
HBuilderX类型： 正式
HBuilderX版本号： 3.6.10
手机系统： 全部
手机厂商： 华为
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
getListAllDeviceCache() {
let queryParams = {
lubanBlockDtoFilter: {}
}
api.map.getListAllDeviceCache(queryParams).then(res => {
if (res.success) {
this.blockList = res.data
let arr = JSON.parse(this.blockList[0].anchorPoint)
let newarr = arr.map(item => {
return {
longitude: Number(item[0]),
latitude: Number(item[1]),
}
})
let option = {
points: newarr,
strokeWidth: 10,
strokeColor: '#aa55ff',
fillColor: '#aa55ff',
zIndex: 1000
}
console.log(option)
//this.polygons.push(option)
}
})
},
getListAllDeviceCache() {
let queryParams = {
lubanBlockDtoFilter: {}
}
api.map.getListAllDeviceCache(queryParams).then(res => {
if (res.success) {
this.blockList = res.data
let arr = JSON.parse(this.blockList[0].anchorPoint)
let newarr = arr.map(item => {
return {
longitude: Number(item[0]),
latitude: Number(item[1]),
}
})
let option = {
points: newarr,
strokeWidth: 10,
strokeColor: '#aa55ff',
fillColor: '#aa55ff',
zIndex: 1000
}
console.log(option)
//this.polygons.push(option)
}
})
},
操作步骤：
在onload中请求接口获取数据，获取数据之后拿到经纬度数组 处理完数组后 把数组赋值给polygons 地图内不显示多边形
在onload中请求接口获取数据，获取数据之后拿到经纬度数组 处理完数组后 把数组赋值给polygons 地图内不显示多边形
预期结果：
地图内显示多边形
地图内显示多边形
实际结果：
不显示
不显示
bug描述：
【报Bug】nvue map polygon 动态绑定 真机运行不显示，写死在data里可以显示
