[BMapLib] LuShu->JavaScript 简单封装
来源:互联网 发布:淘宝售馨图片 编辑:程序博客网 时间:2024/05/18 00:43
依赖类
http://api.map.baidu.com/api?v=2.0&ak=xxxx
LuShu.min.js
简单封装
/*** 封装路书类* markers: BMap.Marker集合 地图上的标注* arrayPoints:用于创建路书行驶的路线点集* landmarkPoints: 路书行驶的landmark点集**/function startLuShu(markers,arrayPoints,landmarkPoints){ //清除以前存在的路书和层 if(lushu) lushu.stop(); //全局变量路书,如果存在则停止 map.clearOverlays(); $.each(markers,function(index,marker){ map.addOverlay(marker); }); //启动路书 map.addOverlay(new BMap.Polyline(arrayPoints, {strokeColor: '#111'})); //map.setViewport(arrayPoints); console.log(landmarkPoints); lushu = new BMapLib.LuShu(map,arrayPoints,{ defaultContent:"", autoView:true, icon : new BMap.Icon('http://developer.baidu.com/map/jsdemo/img/car.png', new BMap.Size(52,26),{anchor : new BMap.Size(27, 13)}), speed: 3500, enableRotation:true,//是否设置marker随着道路的走向进行旋转 landmarkPois:landmarkPoints }); lushu.start(); setTimeout(function(){ lushu.showInfoWindow(); },1000); console.log(lushu);}
效果展示
1 0
- [BMapLib] LuShu->JavaScript 简单封装
- JavaScript Removeclass addClass 简单封装
- BMapLib.DrawingManager
- BMapLib.MarkerClusterer
- BMapLib.DrawingManager
- BMapLib.HeatmapOverlay
- BMapLib.CityList
- javascript新闻列表排序简单封装
- javascript新闻列表排序简单封装
- 简单封装JavaScript Date对象操作
- 使用javascript处理url的简单封装
- javascript开发:js封装简单实例
- javascript中Ajax的简单封装
- 百度地图API-自定义Lushu
- 自己写的封装好的简单的AJAX--javascript
- JavaScript 闭包在封装函数时的简单分析
- javascript(jquery)实现前台html简单的分页封装
- 三种简单写法教你Javascript对象封装
- 如何从官方渠道下载Spring MVC所需jar包
- C++的运算符重载
- 科学论文1-软件缺陷预测中基于聚类分析的特征选择方法
- 评委打分
- 深度优先和广度优先遍历
- [BMapLib] LuShu->JavaScript 简单封装
- Linux的常用命令总结
- 第九周练习--等比数列
- 如何用pc伪装成手机来查看手机网页
- Linux 下的sqlite
- View的绘制流程
- CAN 总线 5 分钟入门
- 遗传算法实现 解车辆路径问题(vrp)
- 无法获得锁 /var/lib/dpkg/lock - open (11: 资源临时不可用)