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)
// })
uniapp h5 markers的标记点没有图片 function () {↵ vm._update(vm._render(), hydrating);↵ }
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 分享也是一种美德。欢迎加我技术交流QQ群 ：811956471 微信小程序中使用地图(map)组件，通过点击(ta...
- 注：微信小程序较为简单，h5移动端稍微麻烦些 准备工作，注册腾讯地图获取key(不唯一) 1.微信小程序 （1.）...
