html 百度地图显示轨迹,百度地图,地图轨迹

百度地图,记录行动轨迹:

效果图:

0e7ec9786699cc904973a91030a89193.png

上代码:

body,

html,

#allmap {

width: 100%;

height: 100%;

overflow: hidden;

margin: 0;

font-family: "微软雅黑";

}

单个标注点沿直线的轨迹运动

// 百度地图API功能

var map = new BMap.Map("allmap");

map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);

var myP1 = new BMap.Point(116.380967, 39.913285); //起点

var myP2 = new BMap.Point(116.424374, 39.914668); //终点

var myIcon = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/Mario.png", new BMap.Size(32, 70), { //小车图片

//offset: new BMap.Size(0, -5), //相当于CSS精灵

imageOffset: new BMap.Size(0, 0) //图片的偏移量。为了是图片底部中心对准坐标点。

});

var driving2 = new BMap.DrivingRoute(map, { renderOptions: { map: map, autoViewport: true } }); //驾车实例

driving2.search(myP1, myP2); //显示一条公交线路

window.run = function() {

var driving = new BMap.DrivingRoute(map); //驾车实例

driving.search(myP1, myP2);

driving.setSearchCompleteCallback(function() {

var pts = driving.getResults().getPlan(0).getRoute(0).getPath(); //通过驾车实例,获得一系列点的数组

var paths = pts.length; //获得有几个点

var carMk = new BMap.Marker(pts[0], { icon: myIcon });

map.addOverlay(carMk);

i = 0;

function resetMkPoint(i) {

carMk.setPosition(pts[i]);

if(i < paths) {

setTimeout(function() {

i++;

resetMkPoint(i);

}, 100);

}

}

setTimeout(function() {

resetMkPoint(5);

}, 100)

});

}

setTimeout(function() {

run();

}, 1500);

来源:oschina

链接:https://my.oschina.net/u/4377109/blog/4304061

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/574233.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

win10微软图标点击无反应_win10开始菜单,不出来,任务栏右击无反应

使用【win】【R】快捷键打开系统的【运行】&#xff1b;输入【powershell】&#xff0c;按下【确定】运行&#xff0c;然后复制一行命令&#xff0c;点击回车键运行等待命令运行完成之后就可以了。以下是详细介绍&#xff1a;1、在键盘上按下【win】【R】键&#xff0c;使用快捷…

计算机仿真在哪学,计算机仿真软件有哪些

虚拟机&#xff0c;如VMWARE&#xff0c;Virtual PC虚拟机软件可以在一台电脑上模拟出来若干台PC&#xff0c;每台PC可以运行单独的操作系统而互不干扰&#xff0c;可以实现一台电脑“同时”运行几个操作系统&#xff0c;还可以将这几个操作系统连成一个网络。使用虚拟机的好处…

WebApp的前端所遇问题

2015年10月1日至10月25日&#xff0c;两个本科生和一位研究生以及一位老师组成四人团队&#xff0c;开发某教育前端项目 所遇问题总结以及分享&#xff1a; 一、主要应用软件&#xff1a;sublime_text HBuilder 初学者可以在JQuery mobile的Demo中寻找代码&#xff08;可以看图…

框架的特性_Go 语言 Web 框架 Echo 系列:基础篇—通过一个例子串联各特性

通过前面的介绍&#xff0c;相信对 echo 有了一个初步的认识。本文我们通过一个简单的登录页面来串联 echo 的相关特性。因为该文主要关注各个特性&#xff0c;所以在目录结构和代码组织方面很随意。本节最终效果1)登录页面2)登录失败3)登录成功main 函数骨架使用 echo 框架&am…

计算机网络日志查询,系统资源管理_百络网警内网管理软件_电脑配置统计,系统日志,日志查询...

管理作用管理者可以使用百络网警内网gua灵活查询的分类统计网内计算机的硬件和软件信息&#xff0c;为IT资产管理提供方便和决策支持。也可以让IT管理者从多个角度来了解网络内每台计算机的全面的日志信息&#xff0c;为故障排除和网络管理提供有力支持。功能描述1、资产管理选…

南京江南贡院值得去吗_这12个地方是一种瘾,值得一去再去,有你想要去的吗?...

有人说&#xff0c;旅行就是从一个自己呆腻了的地方&#xff0c;到别人呆腻了的地方去。但大家有没有发现&#xff0c;去过许多地方&#xff0c;看过那么多风景&#xff0c;总有一些地方&#xff0c;第一次初识&#xff0c;第二次上瘾&#xff0c;第三第四次还去不腻&#xff1…

ipv6地址为什么显示两个_【聚焦】IPv6进行时,别被这些因素绊住脚

智慧宇易精挑细选2020年5933篇不能仅仅为了支持IPv6而使用IPv6&#xff0c;如何利用IPv6解决现实问题尤其重要。创新网络服务、应用服务、数据服务&#xff0c;可能是发展IPv6最重要的一个策略。11月15日&#xff0c;在第二届中国互联网基础资源大会上&#xff0c;IPv6被多位专…

HttpResponse 类

而封闭HTTP输出信息的类型就是HttpResponse类,使用HttpResponse类可以实现三种类型的输出,即文本,URL,二进制流. 实现这三类的属性和方法分别介绍如下:1.文本的输出,在日常开发中,后台中的文本可能需要输出到浏览器中,让用户浏览,这就需要实现动态HTML的输出,使用HttpResponse…

量子计算机迷宫,一个简单的例子,带你读懂量子计算机

原标题&#xff1a;一个简单的例子&#xff0c;带你读懂量子计算机量子计算机和你的笔记本电脑在本质上是一样的&#xff0c;使用的都是二进制编码。计算机语言只用0和1来表达&#xff0c;这被称为“位”&#xff0c;是计算机信息量最小的单位。计算机的工作&#xff0c;就是把…

各种门锁的内部结构图_便宜超好用:小米智能门锁 E上手体验报告

「真正的科技,是让你感受不到科技的存在」随着科技的日益飞速发展&#xff0c;科技改变着我们生活的方方面面&#xff0c;如今的我们出门必备的是手机&#xff0c;地铁、公交、日常消费、进出小区也逐渐使用手机或手环&#xff1b;2020年的当下钥匙已经变得不那么重要&#xff…

Unity3d通用工具类之定时触发器

时隔多日&#xff0c;好不容易挤出点时间来写写博文。不容易&#xff0c;请送我几朵红花&#xff0c;点个赞也行。 今天呢&#xff0c;我们主要来扩展下通用工具类>定时触发器。 顾名思义&#xff0c;所谓的定时触发器&#xff0c;就是告诉程序在过多长时间后&#xff0c;我…

disp语句怎么格式 matlab_Matlab使用技巧总结-1

抽空看了Matlab官方文档&#xff0c;并配合郭老师的课程&#xff0c;把Matlab语言系统梳理了一遍。先上资源&#xff1a;bilibili良心搬运大法&#xff1a;MATLAB_台大郭彦甫-视频教程知乎盐选推荐基础教程&#xff1a;MATLAB 2016_基础实例教程以下记录了一些matlab的技巧。【…

采用CXF+spring+restful创建一个web接口项目

这篇文章是http://blog.csdn.net/zxnlmj/article/details/28880303下面&#xff0c;加入的基础上的restful特征 1、参加restful必jar包裹 jsr311-api-1.0.jarCXF与JAX-RS版本号相应问题,參考自&#xff1a;http://bioubiou.iteye.com/blog/1866871 CXF支持REST风格的Web服务&am…

古风一棵桃花树简笔画_为什么,很多农村家庭的院子里,会喜欢种一棵樱桃树呢?...

小伙伴们去农村的时候&#xff0c;应该都会注意到几乎每家每户的院子里都会种有几棵树吧。如果小伙伴们认真观察的话&#xff0c;你们可以发现很多农村家庭的院子里都有种一两棵樱桃树。那么这是为什么呢&#xff1f;是因为樱桃比较好吃吗&#xff1f;是有这个原因的&#xff0…

Python【02】【基础部分】- B

1、作用域 变量只要在内存存在&#xff0c;就可以被使用 。&#xff08;栈&#xff09; 1 if 1 1: 2 name kim 3 print name 个例&#xff1a;item的值为字典循环后最后一个key的值 1 name {xiaoming:12,xiaohua:15,xiaoli:11} 2 for item in name: 3 print item 4 …

(转)数字格式化函数:Highcharts.numberFormat()

一、函数说明 该函数用于图表中数值的格式化&#xff0c;常见用途有数值精度控制、小数点符、千位符显示控制等。二、函数使用1、函数构造及参数Highcharts.numberFormat (Number number, [Number decimals], [String decimalPoint], [String thousandsSep])参数列表number 需…

cad图层管理插件_设计大神CAD常用七个插件你会用几个?

如果你需要这些CAD插件&#xff0c;可以私信我&#xff0c;小编会及时发给大家​​ 说道CAD插件可能会被人们熟知的也就那几个&#xff0c;可是据统计CAD插件多达上百个&#xff0c;那么在这上百个插件中你又会用几个呢&#xff1f;下面就让我们看看大部分设计师常用的插件有哪…

笔记本显示器仅计算机,别只玩性能 笔记本屏幕怎么进化才靠谱?

1分辨率升级2K不合适一直以来&#xff0c;屏幕显示效果都是笔记本电脑的弱项。近几年笔记本电脑的变化更多是性能以及外观设计的变迁。诸如游戏本以及超极本等产品&#xff0c;在屏幕的优化上&#xff0c;表现都是差强人意。很多人手中的笔记本都是TN屏幕的产品&#xff0c;在显…

计算机专业刚毕业本科生,计算机专业应届本科毕业生自我鉴定

计算机专业应届本科毕业生自我鉴定四年的大学生活是我人生这条线上的一小段&#xff0c;是闪闪发光的一段&#xff0c;它包含了汗水和收获&#xff0c;为我划平人生的线起着至关重要的作用。四年大学生活已接近尾声&#xff0c;感觉非常有必要总结一下大学四年的得失&#xff0…

佳能c3320怎么设置接收方_入门级单反相机佳能800D是否值得买?在我看来价格决定一切...

佳能入门级单反相机800D是否值得买看了就清楚旺灵龙如果你是一位刚刚准备购买数码单反相机的入门小白&#xff0c;佳能最新的EOS 800D的肯定是你现在最容易拿来对比的选择。新相机在性能与操作便利性方面的良好结合&#xff0c;无疑将是入门级单反性价比最高的一款机型。佳能(C…