百度地图开发系列(4):使用采集到的GPS点实现轨迹的解决方案

简介: 百度地图开发系列(4):使用采集到的GPS点实现轨迹的解决方案

 var map = new BMap.Map("map");
    /**采集到的GPS点**/
    var Points = [
        {"id": "1", "lng": 121.554586, "lat": 29.813444},
        {"id": "2", "lng": 121.564567, "lat": 29.811347},
        {"id": "3", "lng": 121.575346, "lat": 29.820528},
        {"id": "4", "lng": 121.553464, "lat": 29.82363},
        {"id": "5", "lng": 121.54078, "lat": 29.820371},
    ]
    var p = Math.ceil(Points.length / 2);
    map.centerAndZoom(new BMap.Point(Points[p].lng, Points[p].lat), 15);
    map.enableScrollWheelZoom();
    //路线;
    var driving;
    for (var i in PointArr) {
        //起点
        if (i == 0) {
            addMarker(new BMap.Point(Points[i].lng, Points[i].lat), "起点");
            continue;
        }
        //线路;
        driving = new BMap.DrivingRoute(map, {
            renderOptions: {map: map, autoViewport: false},
            onMarkersSet: function (routes) {
                map.removeOverlay(routes[0].marker); //删除API自带起点
                map.removeOverlay(routes[1].marker); //删除API自带终点
            }
        });
        //终点
        driving.search(new BMap.Point(Points[i - 1].lng, Points[i - 1].lat),
                new BMap.Point(Points[i].lng, Points[i].lat));
        if (i == Points.length - 1) {
            addMarker(new BMap.Point(Points[i].lng, Points[i].lat), "终点");
        }
    }
    /**
     * 标记
     * @param {Object} point
     */
    function addMarker(point, name) {
        var marker = new BMap.Marker(point);
        var label = new BMap.Label(name, {
            offset: new BMap.Size(20, -10)
        });
        marker.setLabel(label);
        map.addOverlay(marker);
    }


Done!

相关文章
|
3月前
|
开发工具 git 开发者
百度搜索:蓝易云【Git实际开发的流程】
以上是Git在实际开发中的一般流程。Git的分布式版本控制系统使得团队开发更加高效和灵活,并能有效管理项目的版本历史。
31 1
|
9月前
|
数据可视化 定位技术 API
百度地图开发:海量点、测距以及定位聚合功能
百度地图开发:海量点、测距以及定位聚合功能
217 0
|
9月前
|
JavaScript 定位技术 API
百度离线地图API v3.0开发解决方案
百度离线地图API v3.0开发解决方案
461 0
|
9月前
|
定位技术 API
百度地图开发:阻塞加载慢A parser-blocking, cross site的解决方案
百度地图开发:阻塞加载慢A parser-blocking, cross site的解决方案
221 0
|
9月前
|
移动开发 JavaScript 前端开发
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
147 0
|
9月前
|
数据可视化 前端开发 搜索推荐
数据可视化大屏百度地图GPS轨迹位置感知状态开发实战案例解析(百度地图jsAPI,包含缩放控件、点线覆盖物、弹窗、标注图标分类功能)
数据可视化大屏百度地图GPS轨迹位置感知状态开发实战案例解析(百度地图jsAPI,包含缩放控件、点线覆盖物、弹窗、标注图标分类功能)
185 0
|
9月前
|
定位技术
百度地图开发:批量增加折线、多边形覆盖物的封装函数
百度地图开发:批量增加折线、多边形覆盖物的封装函数
48 0
|
9月前
|
移动开发 JavaScript 定位技术
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
222 0
|
4月前
|
前端开发 定位技术
百度地图开发如何自定义控件(无敌的解决办法)
百度地图开发如何自定义控件(无敌的解决办法)
34 0
百度地图开发如何自定义控件(无敌的解决办法)
|
5月前
|
存储 关系型数据库 MySQL
百度搜索:蓝易云【MySQL数据同步到ES的4种解决方案】
以上这些解决方案都可以实现MySQL数据到ES的同步,您可以根据实际需求和技术栈选择合适的方案。请注意,每种方案都有其优缺点和适用场景,因此在选择之前需要对其进行评估和测试,以确保其满足您的需求。
59 0