百度地图 路径规划笔记本
2017-05-19 18:02
197 查看
<div id="allmap"></div> <style type="text/css"> #allmap { width: 100%; height: 281px; overflow: hidden;margin:0;font-family:"微软雅黑";} </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=eYf9sA6yVTFHlh9ytU4a0EYY"></script> <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 8); map.enableScrollWheelZoom(true); var pois = {$pois};//PHP数据集合 var driving = new BMap.DrivingRoute(map, { renderOptions: { map: map,autoViewport: true},onMarkersSet:function(routes) { map.removeOverlay(routes[0].marker); //删除起点 map.removeOverlay(routes[1].marker);//删除终点 }}); var Top = 0; var dian = []; var mark = []; for(var i=0;i<pois.length;i++){ console.log(pois[i]); //创建了点 var p = new BMap.Point(pois[i]['pos_x'], pois[i]['pos_y']); //点 dian.push(p); //创建3个marker var m1 = new BMap.Marker(p); m1.setIcon(new BMap.Icon('http://demo.dingwei.cn/xingfou/public/Home/img/ic_marker.png',new BMap.Size(22, 35), { anchor: new BMap.Size(14, 32) , })); map.addOverlay(m1); mark.push(m1); //标签 //var lab1 = new BMap.Label(pois[i]['place'], { position : p}); //创建3个label //map.addOverlay(lab1); if(i==0){ Top = p; //第一个点 continue; } driving.search(Top, p);//waypoints表示途经点 Top = p; //第一个点 console.log(Top); console.log(p); } driving.setSearchCompleteCallback(function() { var pts = driving.getResults().getPlan(0).getRoute(0).getPath(); //通过驾车实例,获得一系列点的数组 var polyline = new BMap.Polyline(pts); map.addOverlay(polyline); }) </script>
相关文章推荐
- Android百度地图 - 路径规划(驾车、步行和公交线路搜索)
- App外部跳转百度地图,高德地图,进行导航,路径规划等
- 百度地图---之---路径规划
- ios 百度地图根据路径规划自动缩放,显示完整路线
- Android百度地图实例详解之仿摩拜单车APP(包括附近车辆、规划路径、行驶距离、行驶轨迹记录,导航等)
- 百度地图检索以及路径规划
- Android百度地图实例详解之仿摩拜单车APP(包括附近车辆、规划路径、行驶距离、行驶轨迹记录,导航等)
- Android百度地图实例详解之仿摩拜单车APP(包括附近车辆、规划路径、行驶距离、行驶轨迹记录,轨迹回放,导航等)
- 百度地图调用app进行路径规划
- 百度地图开发(二)--定位,lbs数据查询,路径规划
- 小白和你一起做百度地图的“路径规划”
- 百度地图SDK2.4.1 中实现路径规划
- ios百度地图开发之路径规划
- ios百度地图-路径规划
- Android百度地图实例详解之仿摩拜单车APP(包括附近车辆、规划路径、行驶距离、行驶轨迹记录,导航等)
- 百度地图规划路径
- 百度地图 行车路径规划自定义 起点 终点 路径
- Android集成百度地图接口,实现定位+路径规划。新手教程
- iOS百度地图路径规划功能(对官网文档的理解)
- 安卓调用百度地图网页版进行路径规划与导航,只需提供地名