百度地图开发实战案例:根据起点和终点计算路程和时间

简介: 百度地图开发实战案例:根据起点和终点计算路程和时间

终点数据格式

    //终点医院数据;
    var endData = [
        {id: 0, name: '南京市第一医院', lng: 118.79073, lat: 32.023645},
        {id: 1, name: '南京市红十字医院', lng: 118.798598, lat: 32.033747},
        {id: 2, name: '南京京科医院', lng: 118.789758, lat: 32.092045},
        {id: 3, name: '南京市中医院', lng: 118.81419, lat: 32.001842},
        {id: 4, name: '南京大学医院', lng: 118.788766, lat: 32.059918},
        {id: 5, name: '南京军区南京总医院-急诊', lng: 118.814825, lat: 32.046949},
        {id: 6, name: '南京京都医院', lng: 118.801374, lat: 32.040321},
        {id: 7, name: '南京医药', lng: 118.811702, lat: 32.001405},
        {id: 8, name: '南京市中心医院', lng: 118.802974, lat: 32.06216},
        {id: 9, name: '南京东南眼科医院', lng: 118.838429, lat: 32.042146},
    ];


单击地图获取起点位置

  map.addEventListener("click", function (e) {
        geocoder.getLocation(e.point, function (rs) {
            $("#start").val(rs.address + "," + rs.point.lng + "," + rs.point.lat);
        });
    });


封装获取距离和时间的函数

    //获取距离和时间;
    function getDis(sname, lng1, lat1, ename, lng2, lat2) {
        map.clearOverlays();
        var output = "起点:" + sname + "至 终点:" + ename + " 时间:";
        var searchComplete = function (results) {
            if (transit.getStatus() != BMAP_STATUS_SUCCESS) {
                return;
            }
            var plan = results.getPlan(0);
            output += plan.getDuration(true) + "\n";
            output += "总路程为:";
            output += plan.getDistance(true) + "\n";
        }
        var transit = new BMap.DrivingRoute(map, {
            renderOptions: {map: map},
            onSearchComplete: searchComplete,
            onPolylinesSet: function () {
                $("#info").html(output);
            }
        });
        var start = new BMap.Point(lng1, lat1);
        var end = new BMap.Point(lng2, lat2);
        transit.search(start, end);
    }


lockdatav Done!

相关文章
|
1月前
|
数据采集 Python
爬虫实战-Python爬取百度当天热搜内容
爬虫实战-Python爬取百度当天热搜内容
72 0
|
3月前
AutoJS4.1.0实战教程 ---百度极速版
AutoJS4.1.0实战教程 ---百度极速版
64 0
|
3月前
|
开发工具 git 开发者
百度搜索:蓝易云【Git实际开发的流程】
以上是Git在实际开发中的一般流程。Git的分布式版本控制系统使得团队开发更加高效和灵活,并能有效管理项目的版本历史。
31 1
|
8月前
|
Web App开发 计算机视觉 iOS开发
验证码识别实战|百度营销模拟登陆
验证码识别实战|百度营销模拟登陆
101 0
|
5月前
|
搜索推荐 中间件
系统入门到实战学习某项技术、有问题找"百度"、学习大佬的技术博客、找开源代码等资料
系统入门到实战学习某项技术、有问题找"百度"、学习大佬的技术博客、找开源代码等资料
56 0
|
2月前
|
Web App开发 IDE 测试技术
实战练习:用airtest-selenium脚本爬取百度热搜标题
实战练习:用airtest-selenium脚本爬取百度热搜标题
|
3月前
|
Linux
百度搜索:蓝易云【linux基本功系列之mv命令实战】
以上是mv命令的一些实战用法。在实际使用中,请根据具体需求和情况合理使用mv命令,并注意确保操作的正确性和文件的安全性。
29 0
|
4月前
|
应用服务中间件 nginx
百度搜索:蓝易云【Nginx【Nginx核心指令(rewrite指令、实战rewrite 、if指令、set和break指令】】
这些核心指令在Nginx的配置文件中发挥重要作用。使用rewrite指令可以实现URL的重写和重定向,if指令可以根据条件执行不同的操作,set指令可以创建自定义变量并设置其值,而break指令可以中断请求处理流程。理解和灵活运用这些指令,可以帮助我们更好地配置和管理Nginx服务器。
67 1
|
9月前
|
移动开发 JavaScript 前端开发
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
147 0
|
4月前
|
Linux
百度搜索:蓝易云【Linux route命令实战:route 命令实战教程,配置静态路由,删除路由表项】
通过按照上述步骤配置静态路由和删除路由表项,您可以有效地管理Linux系统的网络路由。请根据实际需求和网络配置进行操作,并确保在执行任何更改之前仔细验证和确认。
46 0