h5 markers的标记点图片没有显示
用到高德地图路线规划JSSDK https://ext.dcloud.net.cn/plugin?id=1217的demo
Amap.markers(startPoi,endPoi,wayPoi,function(res){
this.markers.push.apply(that.markers, res)
})
没有显示图片
排查出来问题是:function () {↵ vm._update(vm._render(), hydrating);↵ }
解决方案:
把方法写出来就显示出来了,
let markers1 = [];
//起点
let start = {
iconPath: "/static/amap/startingPoint.png",
id: 0,
longitude: startPoi.split(",")[0],
latitude: startPoi.split(",")[1],
width: 41,
height: 45
}
markers1.push(start)
//终点
let end = {
iconPath: "/static/amap/endPoint.png",
id: 1,
longitude: endPoi.split(",")[0],
latitude: endPoi.split(",")[1],
width: 41,
height: 45
}
markers1.push(end)
//途经点,先将其分隔成为数组
let _waypoints = wayPoi.split(';')
if(_waypoints && _waypoints.length>0){
for (let i = 0, _len = _waypoints.length; i < _len; i++) {
let point = {
iconPath: "/static/amap/Waypoint.png",
id: 10+i,
longitude: parseFloat(_waypoints[i].split(",")[0]),
latitude: parseFloat(_waypoints[i].split(",")[1]),
width: 41,
height: 45
}
markers1.push(point)
}
}
that.markers = markers1
// Amap.markers(startPoi,endPoi,wayPoi,function(res){
// that.markers.push.apply(that.markers, res)
// })