百度地图多点路径加载以及调整页面js

时间:2022-04-11 18:11:05
 $(document).ready(function () {
/*用正则表达式获取url传递的地址参数,split后获得地址数组*/
bmap = new BMap.Map('mapcontainer');
var point = new BMap.Point(116.404, 39.915);//地图中心点
bmap.centerAndZoom(point, 15);//调整缩放以及设立中心点
bmap.enableScrollWheelZoom();
var locations = ["*", "北京邮电大学", "地坛公园", "北京师范大学"];
var i = 0;
var points=[];//保存目标点用于调整viewport
var driving = new BMap.DrivingRoute(bmap, {
policy : BMAP_DRIVING_POLICY_LEAST_TIME,
onSearchComplete : function (results) {
console.log(i);
var path = results.getPlan(0).getRoute(0).getPath();
var pathpoly = new BMap.Polyline(path, {
strokeColor : "blue",
strokeWeight : 6,
strokeOpacity : 0.5
});
if (i === 0) {
console.log('起点' + results.getStart());
var start = new BMap.Marker(results.getStart().point);
start.setTitle('起点:' + results.getStart().title);
bmap.addOverlay(start);
points.push(results.getStart().point);
}
var marker = new BMap.Marker(results.getEnd().point);
points.push(results.getEnd().point);
marker.setTitle('经过点' + (i + 1) + ':' + results.getEnd().title);
bmap.addOverlay(pathpoly);
bmap.addOverlay(marker);
i++;
if (i < locations.length - 1) {
setTimeout(driving.search(locations[i], locations[i + 1]), 10000);//调用后面的路径
}
bmap.setViewport(points); } }); driving.search(locations[0], locations[1]);//调用第一条路径
});

百度地图多点路径加载以及调整页面js的更多相关文章

  1. 同步和异步概念(由DZW前端框架引发的百度地图api无法加载问题总结)

    首先概念: 在计算机领域,同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去:异步是指进程不需要一直等下去,而是继续 ...

  2. 1&period;BMap&lpar;百度地图&rpar;第二次加载显示不全

    问题: bmap第一次加载显示没问题: 第二次 再次加载这个页面时,地图的显示出现了问题: . 分析问题出现原因:你要确保dom创建后且处于显示状态(即display不能为none)才能再次初始化地图 ...

  3. 安卓studio导入jra包和so包&comma;百度地图so包加载

    导入so包 这个我只接受测试可用的一种方法 第一步:把so包放在libs目录下,可以是文件夹也可以是单独的一个个so文件 然后在src同级的目录下找到build.gradle文件下如下信息 sourc ...

  4. Oracle直接路径加载--append的深度解析

    ㈠ 直接路径加载和buffer cache              直接路径插入的数据不经过buffer cache,从PGA直接把数据格式化成Oracle块       然后由普通的Oracle ...

  5. 百度编辑器ueditor 异步加载时,初始化没办法赋值bug解决方法

    百度编辑器ueditor 异步加载时,初始化没办法赋值bug解决方法 金刚 前端 ueditor 初始化 因项目中使用了百度编辑器——ueditor.整体来说性能还不错. 发现问题 我在做一个编辑页面 ...

  6. &lbrack;Django&rsqb; html 前端页面jQuery、图片等路径加载问题

    严格的说这个话题应该属于一个html前端路径加载问题.为了实现一个局部更新页面的功能,简单了解了一下Ajax.Ajax是一个为了实现浏览器和服务器异步通信功能的模块.严格来说不是一个新的语言,只是JS ...

  7. php&plus;js实现百度地图多点标注的方法

    本文实例讲述了php+js实现百度地图多点标注的方法.分享给大家供大家参考,具体如下: 1.php创建json数据 ? 1 2 $products = $this->product_db-&gt ...

  8. HttpRunner3源码阅读:4&period; loader项目路径加载,用例文件转换、方法字典生成

    loader.py 这个文件中主要是对yaml,json用例加载转换成用例处理, 预置函数加载成方法字典,路径加载等 可用资料 [importlib]. https://docs.python.org ...

  9. WebView加载本地html、js文件常见问题及解决办法

    声明:基于android studio平台,php语言搭建服务器 目录: 一.JavaScript脚本语言没有反应 二.alert无法弹出 三.html页面之间不能跳转 四.屏幕缩放没有达到预期效果 ...

随机推荐

  1. rtmp转m3u8

    不是所有的地址改成这样都能播 需要自己测试 先说一下rtmp的其中rtmp的常见的差不多是3种 1.一种是wowza服务器的 比如这个地址rtmp://116.55.245.135:8096/live ...

  2. PeerConnection

    Example(摘) /*When two peers decide they are going to set up a connection to each other, they both go ...

  3. 《算法导论》习题解答 Chapter 22&period;1-8(变换邻接表的数据结构)

    一般散列表都与B+树进行比较,包括在信息检索中也是. 确定某条边是否存在需要O(1). 不足: (1)散列冲突. (2)哈希函数需要不断变化以适应需求. 另外:B+树.(见第18章) 与散列表相比的不 ...

  4. bzoj2466&colon; &lbrack;中山市选2009&rsqb;树

    同上一题.(应该可以树形dp,然而我不会... #include<cstdio> #include<cstring> #include<iostream> #inc ...

  5. 转 python 之 分割参数getopt

    python 之 分割参数getopt os下有个方法walk,非常的好用,用来生成一个generator.每次可以得到一个三元tupple,其中第一个为起始路径,第二个为起始路径下的文件夹,第三个是 ...

  6. hadoop报错 Message missing required fields&colon; callId&comma; status

    今天群里有人问hadoop的问题,说百度上怎么都查不到,还好hadoop之前玩过一阵,也遇上过这个问题 hadoop-2.2.0  hbase 0.95-hadoop2的 ,hdfs正常 ,启动 hb ...

  7. AWS MVC 详解

    由于新工作是在AWS PaaS平台上进行开发,为不耽误工作,先整理一下AWS MVS的使用规范,快速上手.对AWS PaaS平台的相关介绍留到以后再来补充.本文几乎是对官方学习文档的整理,有遗漏的后补 ...

  8. &lbrack;jQuery&rsqb;判断checkbox是否选中的3种方法

    方法一: if ($("#checkbox-id")get(0).checked) { // do something } 方法二: if($('#checkbox-id').is ...

  9. map的使用注意事项

    map是无序的,每次打印出来的map都会不一样,它不能通过index获取,而必须通过key获取 map的长度是不固定的,也就是和slice一样,也是一种引用类型 内置的len函数同样适用于map,返回 ...

  10. 项目开发中git常用命令、git工作流、git分支模型

    #新建代码库git init # 在当前目录新建一个Git代码库git init [project-name] # 新建一个目录,将其初始化为Git代码库git clone [url] # 下载一个项 ...