百度地图驾驶路线更换图标

最新推荐文章于 2023-10-08 11:57:24 发布

wooden_people

最新推荐文章于 2023-10-08 11:57:24 发布

阅读量1k

点赞数

本文链接：https://blog.youkuaiyun.com/wooden_people/article/details/89948104

版权

var myIcon = new BMap.Icon("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1556426362676&di=a44f0f4f4225a81c108dcc590d5c38b7&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180108%2F533dcf187c074137af89f3f1745cda37.gif", new BMap.Size(30, 30));//myIcon为要更换的图标
myIcon.imageSize = new BMap.Size(30,30);
var bmap = new BMap.Map("mapDisplay");//mapDisplay为放置地图的div
var p1 = new BMap.Point(116.059457,35.545468);
var p2 = new BMap.Point(118.059457,35.545468);
var p3 = new BMap.Point(117.059457,35.545468);

var driving = new BMap.DrivingRoute(bmap, {renderOptions:{map: bmap, autoViewport: true}});
driving.search(p1, p2,{waypoints:p3});
var i=0;//i为要修改的标点下标，此处p1为0，p2为2，p3为1。i的值根据需要修改
driving.setMarkersSetCallback(function(res) {    //标注点完成回调
        res[i].Nm.setIcon(myIcon);//修改途径点时使用（p3）。
        res[i].marker.setIcon(myIcon);//修改起点终点时使用(p1,p2)
});