skywqnan的博客

最近有个需求是想根据车速划分不同的车速区间，并且在画运行轨迹的时候需要切换不同颜色的线。百度地图它有画运行轨迹的API，不过是根据一系列的经纬度来画一条线，但是只是展示一种颜色。网上百度了也没有发现有相似的，无奈就自己琢磨改写了部分。可能有不完善的地方，欢迎大家一起交流。    1.模拟后台数据，需要后台传经纬度速度，根据速度选择使用哪种颜色的线，根据经纬度画线。     现大体模拟了机组

背景：公司想要做一个基于百度地图实时展示车的运行轨迹，且在运行过程中需要车头方向随着角度进行变化。1.先把地图构建出来，然后造一组数据用以画线。数据格式为：var PointArr = [ {long: 117.128937 ,lat: 36.676339 ,route: 30 }]2.在地图上添加起始点图标，选用数组的第一个对象的经纬度进行定位展示。addMarker(new

自动刷新的时候每次要是调用后台全部的数组值，性能会比较的稍低些。进行优化，就是将每次自动刷新的时候，第二次获得的数值坐标值减去第一次的数组坐标值的差值数值，将这些值画线，会提高性能。1.前端vue页面设置：在methods方法中ajax成功回掉中进行调用：if(that.oldTracks ){ that.middle=

在运行轨迹中需要在起止点加上信息提示，实现方法如下： //加信息提示的文字方法 setInfoBox:function (tracksPart,marker) { // var point = new BMap.Point(tracksPart.Longitude,tracksPart.Latitude); // var marker = new B

在百度地图展示运行轨迹的时候，有时候想要加一个灰蒙蒙的图层展示，像是以黑色主题为主，显的高大上些，实现方式如下：在js调用如下：this.layoutMap(mapInit);// mapInit.addEventListener("zoomend", function () {// that.layoutMap(mapInit);// });实现方式如下：

做了一个vue的手机项目，有部分是关于研究百度地图的。需求是：1.后台取数，前端根据数组坐标画运行轨迹。2.前端需要让其运行轨迹自动刷新，频率是30s.（最好的方式实时展示到页面上。现在都是大数据的时代，在数据大的情况下，会出现卡死的情况，还需要在研究）3.地图可以放到层级，但是在自动刷新时，又回到了一开始设置的那种级别，想要是在放大层级后，仍能保持当前状态。4.所有的点要在可视范