<map id="map" ref="map" :style="{width: '750rpx', height: mapHeight + 'px'}"
:latitude="latitude" :longitude="longitude" :markers="markers"
:polyline="polyline" :include-points="points">
</map>
import amap from '@/common/js/amap-wx'
const amapPlugin = new amap.AMapWX({ key: '' })
data() {
return {
cardHeight: 352,
mapHeight: 1334,
latitude: 39.909,
longitude: 116.39742,
points: [],
polyline: [],
markers: []
}
},
amapPlugin.getDrivingRoute({
origin: this.sendAddressInfo.longitude+','+this.sendAddressInfo.latitude,
destination: this.receiptAddressInfo.longitude+','+this.receiptAddressInfo.latitude,
success: (res)=>{
console.log(res);
if(res.paths && res.paths[0] && res.paths[0].steps){
const steps = res.paths[0].steps;
for(let i = 0; i < steps.length; i++){
const poLen = steps[i].polyline.split(';')
for(let j = 0;j < poLen.length; j++){
this.points.push({
longitude: parseFloat(poLen[j].split(',')[0]),
latitude: parseFloat(poLen[j].split(',')[1])
})
}
}
}
this.polyline = [
{
width: 8,
points: this.points,
color: '#0D85FA',
arrowLine: true
}
]
// console.log(this.polyline)
}
})
- 发布:2020-11-10 11:54
- 更新:2020-11-12 18:04
- 阅读:1510
【报Bug】高德地图间的路线规划数据给<map>组件中的include-points属性 在app中显示无效(安卓和ios都是无效),在h5中显示正常
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 10.15.7
HBuilderX类型: 正式
HBuilderX版本号: 2.9.7
手机系统: iOS
手机系统版本号: IOS 14
手机厂商: 苹果
手机机型: iPhoneSE
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
通过微信小程序高德地图sdk拿到两个坐标之间的路线规划数据给<map>组件中的include-points属性 在app中显示无效(安卓和ios都是无效),在h5中显示正常
通过微信小程序高德地图sdk拿到两个坐标之间的路线规划数据给<map>组件中的include-points属性 在app中显示无效(安卓和ios都是无效),在h5中显示正常
预期结果:
显示 - 缩放视野以包含所有给定的坐标点
显示 - 缩放视野以包含所有给定的坐标点
实际结果:
不显示 - 缩放视野以包含所有给定的坐标点
不显示 - 缩放视野以包含所有给定的坐标点
bug描述:
通过微信小程序高德地图sdk拿到两个坐标之间的路线规划数据给<map>组件中的include-points属性 在app中显示无效(安卓和ios都是无效),在h5中显示正常
2 个回复
6***@qq.com (作者)
官方不都关注吗?
DCloud_iOS_XHY
你可以运行 uni-app 示例工程, 接口 - 位置 - 地图控制 有示例,测试没有问题,如果你使用有问题,请提供一个可以复现此问题的完整 demo 工程