起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1590|回复: 3

[处理中3] 如何通过百度提供的驾车路线距离获取实际距离。

[复制链接]

5

主题

9

帖子

25

积分

新手上路

Rank: 1

积分
25
QQ
发表于 2016-9-2 14:16:23 | 显示全部楼层 |阅读模式
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
                body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        </style>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=EzfQTH533pbevnhohMX4QZRK"></script>
        <title>计算驾车时间与距离</title>
</head>
<body>
        <div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
        // 百度地图API功能
        var map = new BMap.Map("allmap");
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);
        var output = "从上地到西单驾车需要";
        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(){        
                setTimeout(function(){alert(output)},"1000");
        }});
               
        transit.search("上地", "西单");
</script>
发表于 2016-9-2 15:09:02 | 显示全部楼层
这个是百度提供的API,而且你也完全是引用的百度js类库!需要在百度地图官网查找文档!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

5

主题

9

帖子

25

积分

新手上路

Rank: 1

积分
25
QQ
 楼主| 发表于 2016-9-2 15:27:47 | 显示全部楼层
是不是我也可以直接在代码里直接引用百度JS类来获取相关返回信息呢?具体怎么做?
回复 支持 反对

使用道具 举报

发表于 2016-9-2 16:29:18 | 显示全部楼层
66699389 发表于 2016-9-2 15:27
是不是我也可以直接在代码里直接引用百度JS类来获取相关返回信息呢?具体怎么做? ...

这个问题建议上网搜下吧!http://www.jb51.net/article/74067.htm
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-6-2 06:24 , Processed in 0.059752 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表