百度地图API：自定义多个途经点的导航 - CSDN博客
百度地图API：自定义多个途经点的导航
百度官方提供给开发者使用的多个途经点导航有一个限制是：途经点不超过10个。假设我手上就是有N个途经点需要进行一个轨迹的绘制，怎么办？然而，每个点和下一个点的路线必须是百度建议的路线。
1、定义驾车对象：**onSearchComplete**函数可以获得每一次driving.search检索完成后的回调函数，这里可以拿到点集合进行绘制
var driving = new BMap.DrivingRoute( map, {onSearchComplete: function(results){
if (driving.getStatus() == BMAP_STATUS_SUCCESS){
var plan = driving.getResults().getPlan(0);
num = plan.getNumRoutes();
alert("plan.num ："+num);
for(var j =0;j&j++){
var pts= plan.getRoute(j).getPath();
var polyline = new BMap.Polyline(pts);
map.addOverlay(polyline);
2、search参数：多个途经点&=10 。技巧：每11个点之间做一次search,最后不足11个点的检索直接做一次search
group = Math.floor( pointList.length /11 ) ;
var mode = pointList.length %11 ;
if(mode != 0){
var waypoints=pointList.slice(group*11,pointList.length-1);//多出的一段单独进行search
driving.search(pointList[group*11],pointList[pointList.length-1],{waypoints:waypoints});}
for(var i =0;i&i++){
var waypoints = pointList.slice(i*11+1,(i+1)*11); driving.search(pointList[i*11], pointList[(i+1)*11],{waypoints:waypoints});//waypoints表示途经点
自定义28个百度点坐标对象，调用以上方法，效果图如下：
完整代码如下：
http-equiv="Content-Type" content="text/ charset=utf-8" /&
name="viewport" content="initial-scale=1.0, user-scalable=no" /&
type="text/css"&
, ,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
type="text/javascript" src="http://api./api?v=2.0&ak=V6RjjChFXrifV2z41z0sYQEO"&&
&设置驾车路线途经点&
id="allmap"&&
type="text/javascript"&
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(121.443532,31.24603), 13);
map.enableScrollWheelZoom(true);
function showPoly(pointList){
for(c=0;c&pointList.c++){
var marker = new BMap.Marker(pointList[c]);
map.addOverlay(marker);
var label = new BMap.Label(c+1,{offset:new BMap.Size(20,-10)});
marker.setLabel(label);
group = Math.floor( pointList.length /11 ) ;
var mode = pointList.length %11 ;
var driving = new BMap.DrivingRoute( map, {onSearchComplete: function(results){
if (driving.getStatus() == BMAP_STATUS_SUCCESS){
var plan = driving.getResults().getPlan(0);
num = plan.getNumRoutes();
alert("plan.num ："+num);
for(var j =0;j&j++){
var pts= plan.getRoute(j).getPath();
var polyline = new BMap.Polyline(pts);
map.addOverlay(polyline);
for(var i =0;i&i++){
var waypoints = pointList.slice(i*11+1,(i+1)*11);
driving.search(pointList[i*11], pointList[(i+1)*11-1],{waypoints:waypoints});
if( mode != 0){
var waypoints = pointList.slice(group*11,pointList.length-1);
driving.search(pointList[group*11],pointList[pointList.length-1],{waypoints:waypoints});
var p1 = new BMap.Point(121.443532,31.24603);
var p2 = new BMap.Point(121.481477,31.240103);
var p3 = new BMap.Point(121.493262,31.237015);
var p4 = new BMap.Point(121.494987,31.230099);
var p5 = new BMap.Point(121.489382,31.225034);
var p6 = new BMap.Point(121.512953,31.219846);
var p7 = new BMap.Point(121.510222,31.228122);
var p8 = new BMap.Point(121.520715,31.232198);
var p9 = new BMap.Point(121.515828,31.239485);
var p10 = new BMap.Point(121.498724,31.238868);
var p11 = new BMap.Point(121.496568,31.227505);
var p12 = new BMap.Point(121.479177,31.244178);
var p13 = new BMap.Point(121.496712,31.249365);
var p14 = new BMap.Point(121.503323,31.260972);
var p15 = new BMap.Point(121.512953,31.276158);
var p16 = new BMap.Point(121.481764,31.26838);
var p17 = new BMap.Point(121.464804,31.285293);
var p18 = new BMap.Point(121.468685,31.251587);
var p19 = new BMap.Point(121.47041,31.245289);
var p20 = new BMap.Point(121.489094,31.19106);
var p21 = new BMap.Point(121.514534,31.207987);
var p22 = new BMap.Point(121.525314,31.178208);
var p23 = new BMap.Point(121.533363,31.159422);
var p24 = new BMap.Point(121.533363,31.159422);
var p25 = new BMap.Point(121.545005,31.203169);
var p26 = new BMap.Point(121.562252,31.186364);
var p27 = new BMap.Point(121.569295,31.170422);
var p28 = new BMap.Point(121.575907,31.15559);
var arrayList = [] ;
arrayList.push(p1);arrayList.push(p2);arrayList.push(p3);arrayList.push(p4);arrayList.push(p5);arrayList.push(p6);arrayList.push(p7);arrayList.push(p8);
arrayList.push(p9);arrayList.push(p10);arrayList.push(p11);arrayList.push(p12);arrayList.push(p13);arrayList.push(p14);arrayList.push(p15);
arrayList.push(p16);arrayList.push(p17);arrayList.push(p18);arrayList.push(p19);arrayList.push(p20);arrayList.push(p21);arrayList.push(p22);
arrayList.push(p23);arrayList.push(p24);arrayList.push(p25);arrayList.push(p26);arrayList.push(p27);arrayList.push(p28);
showPoly(arrayList);
本文已收录于以下专栏：
相关文章推荐
项目中的对地图的各种需求，实现方式。
需求1：自定义缩放按钮，自定义当前位置按钮
需求2：自定义覆盖物，不单纯是图片，还需要生成有文字的marker
需求3：覆盖物实现缩放效果
需求4：只显示当前手...
上篇讲到百度地图基础地图的使用，这篇主要实现路线规划和自定义图层展示的功能，同时包括地图视野缩放旋转视野跟随等功能效果图：如何进行路径规划和展示路线：首先路径规划需要2个坐标分别为起点和终点，包含经度...
最终实现效果图：
实现过程主要注意有两个：
（1）com.baidu.mapapi.overlayutil包的导入。
（2）在百度地图RoutePlaneDemo里面添加定位，定位到当前位置...
本文将向大家介绍如何使用百度地图API提供的驾车导航服务进行开发。
一个简单的示例
驾车导航服务根据传入的起点和终点信息给出从起点到终点的驾车路线，我们先从一个最简单的示例看起：
var search=&frm_street&;
//定义查询框ID；
var local=&广汉市&;
// 定义本地地址；
var lng=&104.290493&; ...
一次调试百度地图多marker事件监听的问题，不知如何解决，后来看了原作者jz1108才知道要用闭包。觉得原作者jz1108关于百度地图的文章写的不错，所以转载到了CSDN，为了尊重原作者jz1108...
百度地图提供了获取经度跟维度的方法：
new BMap.Point(poi.point.lng, poi.point.lat)
1，首先得引入百度地图的js文件
2.这样就可以调用其...
IOS百度地图API开发自定义气泡，点击气泡自动生成路线，以及拖拽
IOS百度地图开发POISearch搜索附近停车场，附近加油站
IOS百度地图视角跳到用户当前位置
IOS百度地图开发实时路况
IOS百度地图API开发自定义气泡，点击气泡自动生成路线，以及拖拽
IOS百度地图开发POISearch搜索附近停车场，附近加油站
IOS百度地图视角跳到用户当前位置
IOS百度地图开发实时路况...
IOS百度地图API开发自定义气泡，点击气泡自动生成路线，以及拖拽
IOS百度地图开发POISearch搜索附近停车场，附近加油站
IOS百度地图视角跳到用户当前位置
IOS百度地图开发实时路况...
他的最新文章
讲师：何宇健
讲师：董岩
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)专业的QQ下载站 本站非腾讯QQ官方网站
本类阅读排行
12345678910
热点图文新闻
手机百度地图怎么切换城市 百度地图切换城市方法
导读:喜欢开车自驾游的用户一定会经常使用到百度地图APP，如何自由切换城市来定位百度地图呢？一起来看看本文为大家提供的手机百度地图切换城市的方法把！
喜欢开车自驾游的用户一定会经常使用到百度地图APP，如何自由切换城市来定位百度地图呢？一起来看看本文为大家提供的手机百度地图切换城市的方法把！手机百度地图怎么切换城市1）首先打开百度地图，点击【我的】，在右上方点击【设置图标】。（如下图）2）进入界面点击【切换城市】，选择你要的城市地图，点击一下。（如下图）3）在界面即可切换城市地图。（如下图）
出处： 作者：qqtn强柔
阅读本文后您有什么感想? 已有 0 人给出评价!在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
百度地图上有多个点,例如一个点在北京,一个点在上海,就显示全国的地图页面,如果这些多个点都只在一个区域,例如都在北京,就显示北京的地图,这应该怎么实现,用到哪个api
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：您所在的位置： 百科 >
诺基亚手机
阿里云手机
大可乐手机
努比亚手机
奥林巴斯相机
卡西欧相机
整机类术语
笔记本平板推荐
苹果平板电脑
苹果笔记本
谷歌平板电脑
微软平板电脑
三星平板电脑
宏平板电脑
联想平板电脑
华硕平板电脑
E人E本平板电脑
索尼平板电脑
神舟平板电脑
惠普平板电脑
其他平板电脑
华硕笔记本
戴尔笔记本
联想笔记本
东芝笔记本
其他笔记本
苹果一体电脑
联想一体电脑
装机硬件术语
装机外设术语
Intel处理器
主板产品专区
网络办公类术语
网络路由专区
家电类术语
电视盒/电视棒专区
索尼电视专区
三星电视专区
其他电视专区
生活电器专区
操作系统类问题
办公软件类问题
社交软件类问题
网站/网盘类问题
影音软件类问题
浏览器类问题
安全防护类问题
影像处理类问题
系统工具类问题
百度地图驾车方案如何添加途经点
　　百度地图驾车方案添加途经点方法：将鼠标移至地图上的驾车线路，会出现一个可供您拖动的途经点，将鼠标拖动至您想要经过的道路并松开，更新的驾车方案将经过您选择的道路。　　百度地图搜索是百度提供的一项网络地图搜索服务，覆盖了国内近400个城市、数千个区县。在百度地图里，您可以查询街道、商场、楼盘的地理位置，也可以找到离您最近的所有餐馆、学校、银行、公园等等。　　百度地图还提供了丰富的公交换乘、驾车导航的查询功能，为您提供最适合的路线规划。让您不仅知道要找的地点在哪，还可以知道如何前往。　　同时，百度地图还为您提供了完备的地图功能(如搜索提示、视野内检索、全屏、测距等)，让您得心应手的使用地图，便捷的找到所求。公司简介　　，全球最大的中文搜索引擎、最大的中文网站。2000年1月创立于北京中关村。　　1999年底，身在美国硅谷的李彦宏看到了中国互联网及中文搜索引擎服务的巨大发展潜力，抱着技术改变世界的梦想，他毅然辞掉硅谷的高薪工作，携搜索引擎专利技术，于日在中关村创建了百度公司。从最初的不足10人发展至今，员工人数超过18000人。如今的百度，已成为中国最受欢迎、影响力最大的中文网站。
热门关键词您所在的位置：
百度手机地图手动设置地图路线的方法 路线选择方法 时间： 15:06:24编辑：majiayi来源：下载吧阅读0次评论：条我们出行的时候总是要用到百度手机地图的。不少用户用百度手机地图来代替车载导航，一般情况下，我们选定目的地后百度地图就会自动划定路线，但是如果你需要中途经过一些地点就需要手动选择路线，下面就教大家百度手机地图路线选择方法。　　1、打开百度地图网站，输入出发点和目的地，这两个地点都是可以在地图上点选的，避免了打字的麻烦。　　2、点选目的地的时候只能选图上有的地标点，但是后期是可以移动的。　　3、选好目的地按回车以后，规划的路线就生成了，这条路线是软件考虑了时间、距离和交通状况以后规划的最优路线。你可以看到走这条路线需要的时间和路程。　　4、但是这条最优的路线不一定满足你的需要，当你把鼠标放在路线上时，可以看到“拖动以更改路线”。通过这个操作，你就可以更改路线了。　　5、将线路上的点拖动到其它地方以后，可以看到出发地和目的地中间出现了一个途经地，点击“-”可以删除途径点。　　6、拖动目的地，可以移动，这样修改目的地很方便。你可以设计好不同的路线来对比路线的路况和路程。分享给朋友：百度手机地图手动设置地图路线的方法相关软件百度手机地图手动设置地图路线的方法相关新闻11-0308-0412-0411-2711-0510-2709-0808-1805-2504-2304-0301-2801-1412-1612-1012-0909-0409-0409-0307-16
热门关键字}