基于Leaflet实现车辆快速定位及车辆状态信息查看

最新推荐文章于 2024-08-09 07:07:38 发布

原创

最新推荐文章于 2024-08-09 07:07:38 发布 · 2.1k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#定位 #聚类 #gis

本文介绍了一种基于车辆实时经纬度信息的定位与监控系统，该系统能够根据车辆方位角选用不同图标标记车辆状态，提供包括速度、海拔、油耗等在内的详细数据，并通过逆地理编码实现地址解析。

根据车辆实时经纬度信息，判断其方位角后选用对应的自定义图标标记（注：方位角度不同采用的图标不同）；
点击左上角搜索按钮可展开输入车辆自编号，并完成相关定位操作；点击车辆图标可查看车辆速度、海拔高度、平均油耗、行驶里程、行驶时间、机油压力、车辆仪表盘实时数据以及定位地点（调用阿里云逆地理编码接口，将经纬度转换为详细结构化的地址）；

效果图：

    // 经纬度 | 地图视区_存放一次性加载的车辆location数据 | GPS终端号
    var longitudeAndLatitude, carLocationList, gpsTermina;

    /** 聚类 */
    var markers = L.markerClusterGroup({disableClusteringAtZoom: 17});

    /** 谷歌地图 */
    var normalMap = L.tileLayer.chinaProvider('Google.Normal.Map', {
            maxZoom: 18,
            minZoom: 5
        }),
        routeMap = L.tileLayer.chinaProvider('Google.Satellite.Annotion', {
            maxZoom: 18,
            minZoom: 3
        });

    /** 高德地图 */
    var Gaode = L.tileLayer.chinaProvider('GaoDe.Normal.Map', {
            maxZoom: 18,
            minZoom: 5
        }),
        Gaodimgem = L.tileLayer.chinaProvider('GaoDe.Satellite.Map', {
            maxZoom: 18,
            minZoom: 5
        }),
        Gaodimga = L.tileLayer.chinaProvider('GaoDe.Satellite.Annotion', {
            maxZoom: 18,
            minZoom: 5
        }),
        Gaodi