休假结束，酸奶小妹要从重庆驾车去北京。可是途中要去西安奶奶家拿牛奶饼干呢！用百度地图API，能不能帮我实现这个愿望呢？
------------------------------------------------------------------------------------------------------------------------
一、创建地图
首先要告诉大家的是，API1.2版本取消密钥，取消服务设置，大家可以采用更加简短的方式引用API的JS啦~
&script type="text/javascript" src="http://api./api?v=1.2"&&/script&
大家跟我一起来创建一张简单的地图：
var map = new BMap.Map("container");map.centerAndZoom(new BMap.Point(116.404, 39.915), 13);
然后为地图加上一些合适的控件：
map.addControl(new BMap.NavigationControl());
// 添加平移缩放控件map.addControl(new BMap.ScaleControl());
// 添加比例尺控件map.addControl(new BMap.OverviewMapControl());
//添加缩略地图控件
我手工找到的重庆、西安、北京三个城市的坐标点，使用坐标拾取工具（请点击）可以轻松找到这三个经纬度。
当然，你也可以使用localsearch类的search方法。这个可以随意。
找到坐标点之后，创建三个点对象。
var myP1 = new BMap.Point(106..532288);
//起点-重庆var myP2 = new BMap.Point(108..285675);
//终点-西安var myP3 = new BMap.Point(116..920423);
//终点-北京
二、创建一个驾车导航和两个驾车搜索
好啦，现在来创建一个驾车导航吧~
这句话是不是很简单？用这句话就可以创建驾车导航啦。
var driving = new BMap.DrivingRoute(map);
//创建驾车实例
然后写两个搜索方法：
第一个是搜索从重庆到西安的，第二个是从西安到北京的。
driving.search(myP1, myP2);
//第一个驾车搜索driving.search(myP2, myP3);
//第二个驾车搜索
三、自己绘制折线
接下来，我们在回调函数setSearchCompleteCallback中，把搜索完毕的路线绘制出来。
注意哦，这里是两个搜索的路线都绘制出来了哦~~
就这么简单的三句话，很简单吧。
第一句、获取数组
第二句、创建折线
第三句、添加折线覆盖物
driving.setSearchCompleteCallback(function(){
var pts = driving.getResults().getPlan(0).getRoute(0).getPath();
//通过驾车实例，获得一系列点的数组
var polyline = new BMap.Polyline(pts);
map.addOverlay(polyline);
这个时候，整个驾车导航就是这个样子滴，简直充满了喜感，像一条蚯蚓呢 &O(&_&)O~
四、添加起点、终点、途经点marker
其实这个途经点，可以做成像百度地图首页的驾车导航那样，有红绿色的起点终点图标。如下图：
注意：这一点，大家随意，大家想加marker（可以更换任意的icon图片），或者想加label，甚至是别的什么覆盖物，都是OK的。
API技术咨询请先下载百度HI聊天工具JS版HI群:1357363移动版HI群:1363111
但是呢，我还是喜欢红色的标注啦，我还可以加上文字标注。
所以，我简单地用红色marker加label来表示了。如下图。
添加marker和label的代码如下：
var m1 = new BMap.Marker(myP1);
//创建3个marker
var m2 = new BMap.Marker(myP2);
var m3 = new BMap.Marker(myP3);
map.addOverlay(m1);
map.addOverlay(m2);
map.addOverlay(m3);
var lab1 = new BMap.Label("起点",{position:myP1});
//创建3个label
var lab2 = new BMap.Label("途径点",{position:myP2});
var lab3 = new BMap.Label("终点",{position:myP3});
map.addOverlay(lab1);
map.addOverlay(lab2);
map.addOverlay(lab3);
五、调整到最佳视野
个人认为setViewport是个非常有用的好东西。因为它可以把你的标注展示到一个最完美的视野内。
如果不加setViewport，你的地图可能只会出现一半的有效视野，而不是完整的3个标注都有。如下图：
代码很简单，先来看看类参考：
就是说，只要有点对象数组传进去，系统就会帮你完成最佳视野的展示！！
map.setViewport([myP1,myP2,myP3]);
//调整到最佳视野
小贴士：你可以做一个延时动画，让最佳视野的展示更漂亮！　
另外，marker也是可以有动画的，不要忽略了。详见：/wiki/static/map/API/examples/?v=1.2&3_1#3&1　
六、完整代码
&!DOCTYPE html&&html&&head&&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&&title&驾车途经点&/title&&script type="text/javascript" src="http://api./api?v=1.2"&&/script&&/head&&body&&p&&input type='button' value='开始' onclick='run();' /&&/p&&div
id="container"&&/div&&/body&&/html&&script type="text/javascript"&var map = new BMap.Map("container");map.centerAndZoom(new BMap.Point(116.404, 39.915), 13);map.addControl(new BMap.NavigationControl());
// 添加平移缩放控件map.addControl(new BMap.ScaleControl());
// 添加比例尺控件map.addControl(new BMap.OverviewMapControl());
//添加缩略地图控件var myP1 = new BMap.Point(106..532288);
//起点-重庆var myP2 = new BMap.Point(108..285675);
//终点-西安var myP3 = new BMap.Point(116..920423);
//终点-北京window.run = function (){
map.clearOverlays();
//清除地图上所有的覆盖物
var driving = new BMap.DrivingRoute(map);
//创建驾车实例
driving.search(myP1, myP2);
//第一个驾车搜索
driving.search(myP2, myP3);
//第二个驾车搜索
driving.setSearchCompleteCallback(function(){
var pts = driving.getResults().getPlan(0).getRoute(0).getPath();
//通过驾车实例，获得一系列点的数组
var polyline = new BMap.Polyline(pts);
map.addOverlay(polyline);
var m1 = new BMap.Marker(myP1);
//创建3个marker
var m2 = new BMap.Marker(myP2);
var m3 = new BMap.Marker(myP3);
map.addOverlay(m1);
map.addOverlay(m2);
map.addOverlay(m3);
var lab1 = new BMap.Label("起点",{position:myP1});
//创建3个label
var lab2 = new BMap.Label("途径点",{position:myP2});
var lab3 = new BMap.Label("终点",{position:myP3});
map.addOverlay(lab1);
map.addOverlay(lab2);
map.addOverlay(lab3);
setTimeout(function(){
map.setViewport([myP1,myP2,myP3]);
//调整到最佳视野
});}&/script&
【百度地图API】如何制作多途经点的线路导航——驾车篇【百度地图API】如何制作多途经点的线路导航——驾车篇 转自;!DOCTYPE html&
驾车途经点 ...【百度地图API】如何制作多途经点的线路导航——驾车篇//api.map.baidu/api?v=1.2&&
var map = new BMap.Map...百度地图API之如何制作驾车导航_百度知道1个回答 - 提问时间: 日答案是,使用数据接口。数据接口,可以让百度地图API的数据,按照自定义的形式展示。 这个功能非常实用,学会这个方法,可以让您的地图更加接近百度地图的功能! ...【百度地图API】如何制作多途经点的线路导航——驾车篇【百度地图API】如何制作多途经点的线路导航——驾车篇 摘要: 休假结束,酸奶小妹要从重庆驾车去北京。可是途中要去西安奶奶家拿牛奶饼干呢!用百度地图API,能不能帮...使用百度地图API实现驾车导航-Android-第七城市【百度地图API】如何制作商圈地图?行政地图? - 晨真的个人页面 - ...百度地图API-首页 使用JavaScript编写,适用页中嵌入地图服务,支持2D/3D、卫星、街景、室内实景及定制化地图展现。 Javascript API大众版 Javascript API极速版 Javascript API开源库 ...用百度的地图api来开发时候,自定义路线图_百度经验百度地图API之如何建造公交导航_上海站建设|专业站建设|...——希特勒 前面我们介绍过驾车导航了,今天来说说公交...而不是某条具体的公交线路信息,这一点须要广大开辟... 百度地图API如何给自定义覆盖物添加事务 详解百度...百度地图浏览地图、搜索地点、查询公交驾车线路,您的出行指南、生活助手。【百度地图API】自定义可编辑的交通路线 - 综合课件 - 道客巴巴PDF文档(共3页) - 下载需600积分如何实现:鼠标左击地图,绘制路线;双击后,绘制结束;...百度地图 百度地图API,百度地图自定义工具,百度地图... 管理论文越库——物流领域的准时制策略 毕业设计...iOS开发第三方工具——如何调用百度地图API - yshch - 推酷iOS开发第三方工具——如何调用百度地图API - yshch时间 15:58:00...一、路线搜索IOS开发之百度地图API应用 二、调用百度地图的导航 //latitude-...基于百度地图API的校内路径导航系统的实现-【维普】-仓储式在线... 摘要:以许昌学院空间信息为基础数据,利用PHP、JavaScript及XML技术实现基于百度地图API的校园导航系统.该系统不仅提供了校园内的基本地图浏览功能,而且还提供了校内...百度地图称不走谷歌地图付费路 免费开放API 地图导航 机锋gfan...同时,经过团队的亲身实验,“在国内,百度地图定位功能更强,而且速度很快。” 据悉,百度地图给予开发者提供的不仅是免费开放API,在百度云的生态系统下,...[转载]IOS开发百度地图API-用点生成路线,导航,气泡响应_rang_新浪...详解百度地图API之驾车导航项目管理软件|销售管理系统|项目管理...本文将向大师介绍如何应用百度地图API供给的驾车导航办事进行开辟。 一个简单的示例 驾车导航办事按照传入的出发点和终点信息给出从出发点到终点的驾车路线,我们先从...【驾车线路设置途经点】_百度地图api吧_百度贴吧1条回复&-&发帖时间:&日百度地图JavaScript_API_v2.0开发指南_百度文库 百度地图JavaScript_API_v2.0开发指南_计算机硬件...使用百度地图 API 中遇到问题,请尝试通过以下途径...下面示例展示了如何向地图添加一个标注工具。 var ...百度地图_百度百科 2怎样使用百度地图 3搜索入门 ? 地点搜索 ... 添加途经点: 方便快速的调整驾车路线,满足您的...这标志着百度地图API在房地产领域成功展开应用。百度...百度地图API之如何制作驾车导航_百度知道1个回答 - 提问时间: 日答案是,使用数据接口。数据接口,可以让百度地图API的数据,按照自定义的形式展示。这个功能非常实用,学会这个方法,可以让您的地图更加接近百度地图的功能! ...复制了百度地图api示例(驾车导航)到本地上,换了可以用..._百度知道2个回答 - 提问时间: 日嗯....他们用萤火虫来进行调试基于百度地图 api的多点配送路径优化软件-其他软件开发-软件开发 ...猪八戒用户(ZhuBaJie)【kokaisho】在其他软件开发分类发布需求:基于百度地图 api的多点配送路径优化软件。具体要求:1)路径最短规划功能 2)配送点,提货点可...【转】百度地图API实现定位与目的地导航_Ryan_新浪博客在会上也了解了百度的产品,百度现在朝着平台化的方向在发展,感觉很不错,也试用了百度的产品,现在就用着百度的盘,今天看了下百度地图的开放API,然后做了个Demo...【百度地图API】如何制作公交线路的搜索?如331路 - gisoracle - ... 【百度地图API】如何制作公交线路的搜索?如331路 摘要: 从A点到B点的公交导航大家都知道怎么做了,那么单独查询331路公交车的公交路线,如何制作呢?我们一起来...[地图Map] 百度地图api 自定义路线的道路匹配问题_百度知道2个回答 - 提问时间: 日这个如果你用的是googlemap api google 给你提供了解决方案,你可以通过请求google服务器来获取google给你提供的路径规划解决方案,解析服务器返回的数据,形成...BaiDuMapOperate/Model/MapInfo.cs|百度地图操作源码源码高亮模式...【百度地图API】如何制作商圈地图?行政地图? - '?尛东峝学. - ...//api.map.baidu/api?v=1.2&&
var map = new BMap.Map(&container&,{mapType: BMAP_HYBRID_MAP}); //设置...转:IOS开发百度地图API-用点生成路线,导航,气泡响应 - wsk_123_...IOS百度地图API开发自定义气泡,点击气泡自动生成路线,以及拖拽 IOS百度地图开发POISearch搜索附近停车场,附近加油站 IOS百度地图视角跳到用户当前位置 IOS百度地图开发...[转载]IOS开发百度地图API-用点生成路线,导航,气泡响应_浪子_新浪...使用百度地图API实现驾车导航 - Android移动开发技术文章_手机...定位点,点击开始导航按钮后便会形成最佳驾车线路。... 其中libs下面是申请百度开发者后到地图API下下载... · 关上可恶的后门——消BIOS隐患 · 络...【百度地图API】如何自定义地图图层?实例:制作麻点图(自定义图层+...百度地图API之如何制作驾车导航 - 百度互联技术官方博客 - 博客...百度地图驾车导航支持3个点或者更多点吗?_百度地图api吧_百度贴吧下面是一个结果面板的截图,就是想实现下面的这个功能,当我在地图上选了3个点之后点击“查询路线”就会出现下面的这个面板,现在想通过百度地图实现!请大侠指教!!!...android 源码 用百度地图查公交线路 - 下载频道
- CSDN.NET
&&&&android 源码 用百度地图查公交线路
android 源码 用百度地图查公交线路
Android调用百度地图查公交线路例子。如果有
java.lang.NoClassDefFoundError: com.baidu.mapapi.BMapManager
解决办法：
一、右击项目-&properties-&Java Build Path-&Order and Export，在需要引用的包前面打勾。
二、Project-&Clean...
若举报审核通过，可奖励20下载分
被举报人：
xiaoshunshuang
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
您可能还需要
移动开发下载排行用百度地图搜好的公交路线怎么发不到手机上去了呢_百度知道
用百度地图搜好的公交路线怎么发不到手机上去了呢
虽然电脑上显示发送成功，现在搜索公交路线，但是手机却收不到短信，然后发送手机以前还能搜到啶嘀摧禾诋鼓个浦短信很方便的
我有更好的答案
按默认排序
详澄哿惯克甙久进苏细的情况，然后会有链接百度搜索的地图 不是会有个提示 “发送短信到手机” 吗
但不是以路线图或文字形式，和全程多少公里，你还要点击链接才能看到你手机没收到， 短信中会写明起点与终点的名称
其他类似问题
1人觉得有用
公交路线的相关知识
等待您来回答
您可能关注的推广回答者：
下载知道APP
随时随地咨询
出门在外也不愁百度地图如何使用？百度地图如何查找公交线路_百度经验
&&&&&&运动常识
分享有回报：
百度地图如何使用？百度地图如何查找公交线路？
当今由于工作、学业、访亲的需要，大家很有可能需要到一些陌生的地方。那么怎么到这些陌生的地方去？百度作为国内最大的地图网站，我就为大家讲解我是怎么利用百度地图查找地址的，
打开百度地图，直接打开百度，导航上可以直接选取地图。左侧有很多的服务，这里主要讲出行的使用。
搜索框共有三个功能，搜搜、公交、驾车三个功能。假设我们寻找南京大学鼓楼校区。
有到这里去，从这里去，在附近找三个功能。可以根据自己的要求自由选择。
假设从南京南站到南京大学，公交查询左侧可以看到很多线路。往下也会有打车的费用的预估。
驾车，自己驾车的线路推荐。也可以发送到自己的手机，结合手机版百度地图进行导航。
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
第5期一起去打羽毛球吧375次分享
第2期锻炼肌肉的方法1632次分享
第1期运动健身速成技巧195次分享
第1期打篮球的技巧全攻略391次分享
第2期京城之美67次分享
请扫描分享到朋友圈}