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

 1 $(document).ready(function () {
 2 /*用正则表达式获取url传递的地址参数,split后获得地址数组*/
 3 bmap = new BMap.Map(‘mapcontainer‘);
 4 var point = new BMap.Point(116.404, 39.915);//地图中心点
 5 bmap.centerAndZoom(point, 15);//调整缩放以及设立中心点
 6 bmap.enableScrollWheelZoom();
 7 var locations = ["天安门", "北京邮电大学", "地坛公园", "北京师范大学"];
 8 var i = 0;
 9 var points=[];//保存目标点用于调整viewport
10 var driving = new BMap.DrivingRoute(bmap, {
11 policy : BMAP_DRIVING_POLICY_LEAST_TIME,
12 onSearchComplete : function (results) {
13 console.log(i);
14 var path = results.getPlan(0).getRoute(0).getPath();
15 var pathpoly = new BMap.Polyline(path, {
16 strokeColor : "blue",
17 strokeWeight : 6,
18 strokeOpacity : 0.5
19 });
20 if (i === 0) {
21 console.log(‘起点‘ + results.getStart());
22 var start = new BMap.Marker(results.getStart().point);
23 start.setTitle(‘起点:‘ + results.getStart().title);
24 bmap.addOverlay(start);
25 points.push(results.getStart().point);
26 }
27 var marker = new BMap.Marker(results.getEnd().point);
28 points.push(results.getEnd().point);
29 marker.setTitle(‘经过点‘ + (i + 1) + ‘:‘ + results.getEnd().title);
30 bmap.addOverlay(pathpoly);
31 bmap.addOverlay(marker);
32 i++;
33 if (i < locations.length - 1) {
34 setTimeout(driving.search(locations[i], locations[i + 1]), 10000);//调用后面的路径35 } 36 bmap.setViewport(points); 37 } 38 }); 39 driving.search(locations[0], locations[1]);//调用第一条路径40 });

百度地图多点路径加载以及调整页面js,布布扣,bubuko.com

时间: 2024-10-23 21:45:21

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

Oracle Data Pump不使用直接路径加载的场景

Situations in Which Direct Path Load Is Not Used If any of the following conditions exist for a table, then Data Pump uses external tables rather than direct path to load the data for that table: A global index on multipartition tables exists during

html中的图片、css、js等路径加载问题

网页文件的存取路径有3种:物理路径.绝对路径和相对路径. 物理路径就是你的文件放在主机上的具体位置,例如:D:\\image\\1.jpg 这种格式,该方法可以很快确定出你的文件,但是在网页显示路径基本很少用. 绝对路径是以网站的根目录(www)作为起始点,某文件在该项目中具体位置信息.比如你的网站放在 /var/www 中,那么 /var/www 就是你的根目录.如果文件 head.jpg 放在该目录的 image 里,那么 head.jpg 的路径信息就是 /image/head.jpg.但

servlet资源路径加载详解(3)

1.对于servlet的读取资源文件,要考虑工程文件路径和tomcat服务器的部署后的文件,所以一定要弄清楚加载文件路径位置,同时要考虑采用哪种方式: 一般有三种方式: (1).采用传统方式即jdk中提供的InputStream is = new FileInputStream("config.properties"); (2).采用ServletContext对象加载 (3).采用类加载器的方式 2.用代码检验 package cn.wwh.www.web.servlet; impo

图片路径加载失败,火狐浏览器默认显示断裂图片

在谷歌.IE浏览器中,如果图片路径加载失败,会显示一个默认的断裂图片,像这个样子 而在火狐浏览器中,则图片不会有任何占位,这样就会导致布局上的混乱,用户体验也不好,如何让火狐浏览器显示出断裂图片效果呢? 只需在样式文件css中加入这行代码就可以啦 @-moz-document url-prefix(http), url-prefix(file) { img:-moz-broken { -moz-force-broken-image-icon: 1; width:24px; height:24px

*模块加载器、Node.js、NPM、Webpack基础汇总

--------------------------------NODE应用中的Node.js command prompt和Node.js--------------------------------------- ·安装node.js后,有两个可启动应用:黑色的Node.js command prompt和绿色的Node.js ·黑色的Node.js command prompt就和cmd DOS控制台一样,输入node -v后,若出现node的版本号,则表示当前node环境安装OK. ·

嵌入式表单字段中的内容可能被服务器更改以删除不安全的内容。是否要重新加载您的页面以查看保存结果?

嵌入式表单字段中的内容可能被服务器更改以删除不安全的内容.是否要重新加载您的页面以查看保存结果? 最近有朋友问到,当他在SharePoint首页上进行编辑时,插入一段代码.完工后保存就遇到了这个问题. 无论选"是"或"否",保存完毕后在设计视图中都看不到效果,查看代码视图,对应的代码也被删除掉了. 这确实是很恼人,好不容易写了那么多东西,结果最后被SPD自己搞没了,如果之前备份了还好,否则,大半天的成果就不翼而飞了. 首先,关于这个问题的定性要清楚.它不是一个错误:

转:iframe加载的子页面里面获取父级元素窗口以及元素的高度

iframe里的js要操作父级窗口的dom,必须搞懂几个对象: parent是父窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe) self是当前窗口(等价window) 父级页面:index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>父窗口<

IIS7.5 不能加载外部引用的第三方JS,CSS,img等一系列静态文件

做了一个mvc的项目,今天放iis上跑样式和功能进行调试,由于之前机子是新装的,所以IIS没有装.装iis是小事几分钟,但测试的过程中,一直是只能显示本页面的html标签和写在本页面的css和js.外部的第三方引用都不能用,实在纳闷.iis重装了几次,最后发现有个iis默认值处有问. 如下-->在打开或关闭window功能中的Internet信息服务里的万维网服务=>常见HTTP功能=>静态内容  .注意,这里默认是不勾选的. IIS7.5 不能加载外部引用的第三方JS,CSS,img等

ViewPager动态加载、删除页面

很多人在网上说ViewPager的PagerAdapter.notifyDataSetChanged()无效.刚开始我也这样认为,甚至被误导以为是真理. 后来,找了一下,在PagerAdatpar重写getItemPosition(),return POSITION_NONE即可每次刷新加载图面.这是关键点. 这时,如果只是修改"DataSet",如List等这类的,然后再notifyDataSetChanged(),会发现出现界面重叠.解决办法是重写destroyItem(),把Vi