小程序
小游戏
企业微信
微信支付
扫描小程序码分享
通过高德获取起始经纬度之间的path,赋值给map的polyline,绘制的路线连接处显示空白,连接处出现空白
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
<map polyline="{{polyline}}" longitude="{{longitude}}" latitude="{{latitude}}" class="map-style"></map>
data: {
polyline:[]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
let that = this;
wx.getLocation({
type:'gcj02 ',
isHighAccuracy:true,
success(res){
console.log('res',res);
that.setData({
longitude:res.longitude,
latitude:res.latitude
})
var myAmapFun = new amapFile.AMapWX({
key: '高德的key'
});
myAmapFun.getDrivingRoute({
origin:`${res.longitude},${res.latitude}`,//起始经纬度
destination:'120.314415,30.396168',//目的地经纬度
size:4,
success(data){
console.log('data',data);
let steps = data.paths[0].steps;
let stepsArr = [];
steps.forEach((item)=>{
let itemPolyline = item.polyline.split(';');
let itemStepsArr = [];
itemPolyline.forEach((itemChild)=>{
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
<map polyline="{{polyline}}" longitude="{{longitude}}" latitude="{{latitude}}" class="map-style"></map>
data: {
polyline:[]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
let that = this;
wx.getLocation({
type:'gcj02 ',
isHighAccuracy:true,
success(res){
console.log('res',res);
that.setData({
longitude:res.longitude,
latitude:res.latitude
})
var myAmapFun = new amapFile.AMapWX({
key: '高德的key'
});
myAmapFun.getDrivingRoute({
origin:`${res.longitude},${res.latitude}`,//起始经纬度
destination:'120.314415,30.396168',//目的地经纬度
size:4,
success(data){
console.log('data',data);
let steps = data.paths[0].steps;
let stepsArr = [];
steps.forEach((item)=>{
let itemPolyline = item.polyline.split(';');
let itemStepsArr = [];
itemPolyline.forEach((itemChild)=>{