百度地图驾车路线渲染后的回调driving.setSearchCompleteCallback的使用

最新推荐文章于 2025-03-12 12:33:41 发布

韭菜小姐

最新推荐文章于 2025-03-12 12:33:41 发布

阅读量3.4k

点赞数

分类专栏：百度地图开发经验文章标签： javascript 百度

本文链接：https://blog.youkuaiyun.com/weixin_44368573/article/details/108233706

版权

实现的功能：
渲染多条驾车路线（道路规划），并在路线渲染后的回调函数中实现添加拥堵路段；
使用的知识：
1.var bm = new BMap.Map(“allmap”);
2.new BMap.DrivingRoute(bm,{renderOptions:{map:bm,autoViewport:true}});
3.driving.search(起始点，终点，{途径点：[p3,p4]})
4.driving.setSearchCompleteCallback(function(){} ）//绘制完成之后的回调
5.new BMap.Polyline([new Point…,new Point],{线的属性设置});

		getPoint:function(lat,lng){
   
			var self = this;
			$.ajax({
   
                url: ctx+"/service/rescue/queryMapLatAndLng",
                success: function (res) {
   
                	if( res.data ){
   
                		var resData = res.data;
                		var routesAllArr = [];
                		for( j in resData ){
   
                			(function(i){
   
	                			var driving = new BMap.DrivingRoute(bm, {
   renderOptions:{
   map: bm, autoViewport: false},onMarkersSet:function(res){
   
	                				bm.removeOverlay(res[0].marker); //删除原起点
	                				bm.removeOverlay(res[res.length-1].marker);//删除原终点
	                				//起点
	                				var newPoint = new BMap.Point(resData[i].lng,resData[i].lat);
	                				bm.addOverlay(new BMap.Marker(newPoint,{
   icon:new BMap.Icon(ctx+"/images/marker-jiuyuan.gif",new BMap