百度地图路书
来源:互联网 发布:淘宝查销售额 编辑:程序博客网 时间:2024/06/03 18:12
//o是我所有点的一个集合 var map = new BMap.Map('allmap'); map.enableScrollWheelZoom(); var point = new BMap.Point(o[0].LNG, o[0].LAT); map.centerAndZoom(point, 13); var array = [];//所有点位置 for (var i = 0; i < o.length; i++) { array.push(new BMap.Point(o[i].LNG, o[i].LAT)); } var lushu; // 实例化一个驾车导航用来生成路线 var drv = new BMap.DrivingRoute(point, { onSearchComplete: function (res) { if (drv.getStatus() == BMAP_STATUS_SUCCESS) { var plan = res.getPlan(0); map.addOverlay(new BMap.Polyline(array, { strokeColor: '#111' })); map.setViewport(array); lushu = new BMapLib.LuShu(map, array, { defaultContent: "", autoView: true,//是否开启自动视野调整,如果开启那么路书在运动过程中会根据视野自动调整 icon: new BMap.Icon('/Content/Map/imgs/ship.png', new BMap.Size(48, 48), { anchor: new BMap.Size(27, 13) }), speed: 5000,//覆盖物移动速度 enableRotation: false,//是否设置marker随着道路的走向进行旋转 landmarkPois: [ { lng: 0, lat: 0, html: '', pauseTime: 2 },//必须写入该参数,否则js会报错,第二次不能执行 ] }); } } }); var endPoint = new BMap.Point(o[o.length - 1].LNG, o[o.length - 1].LAT); drv.search(point, endPoint);//开始点,结束点 //开始运动事件 $("#run").click(function () { lushu.start(); });
详情查看:http://lbsyun.baidu.com/jsdemo.htm#c2_8
http://api.map.baidu.com/library/LuShu/1.2/docs/symbols/BMapLib.LuShu.html
阅读全文
0 0
- 百度地图路书
- 百度地图路书
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 百度地图
- 穷举法&在给定一组字符中随机抽取字符的方法
- 本地对象的常用几种方法
- 邮件退件的挺多,邮件营销的时,退件率多少合适?阈值控制在多少?
- 转发 、JSP开发常见问题
- 原生js,onclick与addEventListener区别
- 百度地图路书
- 7、static关键字
- codevs 1045 NOIP 1999 回文数 高精度算法
- Spark-编程模型
- jQuery chosen下拉框检索
- Guid.NewGuid()
- laravel5.4开启sql调试
- 八皇后
- 算法题目---二进制1的个数