OpenLayers 3 实现轨迹回放
function PathBack() {
var PVLayer = new ol.layer.Vector({
source: new ol.source.Vector({})
});
var pointList = new Array();
map.addLayer(PVLayer);
$.ajax({
type: "get",
url: "images/zb.json",
async: false,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
var obj = data.T_Project;
for (var i = 0; i < obj.length; i++) {
var pointFeature = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.transform([parseFloat(obj[i].x), parseFloat(obj[i].y)], 'EPSG:4326', 'EPSG:3857'))
})
var propertieList = new Array();
// propertieList.push(obj[i].ID, obj[i].x, obj[i].y, obj[i].Note);
propertieList.push(obj[i].ID, obj[i].x, obj[i].y);
pointFeature.setProperties(propertieList);
if (pointFeature != null) {
pointList.push(pointFeature);
}
}
var stoptime = setInterval(function () {
if (j + 1 <= pointList.length) {
if (j > 0) {
var twoCoordinatePoint = new Array();
var coordinateFirst = pointList[j - 1].getGeometry().getCoordinates();
var coordinateSecond = pointList[j].getGeometry().getCoordinates();
twoCoordinatePoint.push(coordinateFirst);
twoCoordinatePoint.push(coordinateSecond);
var lineString = new ol.geom.LineString(twoCoordinatePoint);
var lineFeature = new ol.Feature({
geometry: lineString
});
PVLayer.getSource().addFeature(lineFeature);
pointList[j - 1].setStyle(null);
}
pointList[j].setStyle(iconstyle);
PVLayer.getSource().addFeature(pointList[j]);
}
else {
clearInterval(stoptime);
}
j++;
}, 300);
},
error: function (result) {
}
});
}
OpenLayers 3 实现轨迹回放的更多相关文章
- OpenLayers3的轨迹回放
OpenLayers3实现轨迹回放需要动画操作,官网上的例子用的是postcompose,但是还可以使用javascript中setInterval和setTime. 我的例子是按官网上来的http: ...
- 物联网应用中实时定位与轨迹回放的解决方案 – Redis的典型运用(转载)
物联网应用中实时定位与轨迹回放的解决方案 – Redis的典型运用(转载) 2015年11月14日| by: nbboy| Category: 系统设计, 缓存设计, 高性能系统 摘要 ...
- 如何实现LBS轨迹回放功能?含多平台实现代码
本篇文章告诉您,如何实现轨迹回放.并且提供了web端,iOS端,Android端3个平台的轨迹回放代码.拷贝后可以直接使用.另外,文末有小彩蛋,算是开发者的福利. Web端/JavaScript 实现 ...
- Google地图轨迹回放模拟
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- SVG轨迹回放实践
最近做了埋点方案XTracker的轨迹回放功能,大致效果就是,在指定几个顺序的点之间形成轨迹,来模拟用户在页面上的先后行为(比如一个用户先点了啥,后点了啥).效果图如下: 在这篇文章中,我们来聊聊轨迹 ...
- 如何使用JS来开发室内三维地图的轨迹回放功能
在制作完成室内三维地图的功能后,最经常有的需求就是如何做人员的轨迹回放,一般流程都是从数据库中查询轨迹坐标后,经过后台查询接口返回给前端,接下来的事情都交给JS来完成. 如果想做好一个性能好的轨迹回 ...
- GPS/轨迹追踪、轨迹回放、围栏控制
折腾一个多月终于弄完了这个项目,起初都未曾接触GPS/轨迹追踪.轨迹回放.圈划围栏...等一些在百度地图或者Googel地图操作的一些业务,后端的业务相对来说简单点 cas单点登录,mongdb灵活的 ...
- 使用GMap.NET类库,实现地图轨迹回放。(WPF版)
前言 实现轨迹回放,GMap.NET有对应的类GMapRoute.这个类函数很少,功能有限,只能实现简单的轨迹回放.要实现更复杂的轨迹回放,就需要自己动手了. 本文介绍一种方法,可以实现复杂的轨迹回放 ...
- 使用百度地图API实现轨迹回放
调用百度地图API实现路线的轨迹回放功能其实很简单,只要搞懂以下几点即可: 1.需要用Polyline方法先绘制好路线图 2.用Marker添加标注点 3.关键一步,通过结合定时器,使用Marker创 ...
随机推荐
- Python中实现简单的插件框架
在系统设计中,经常我们希望设计一套插件机制,在不修改程序主体情况下,动态去加载附能. 我设想的插件系统: 1.通过类来实现 2.自动查找和导入 我们假设需要实现一个简单的插件系统,插件可以接收一个参数 ...
- 题解 P1632 点的移动
P1632 点的移动 题目描述 平面上有N个整数坐标点.如果将点(x0,y0)移动到(x1,y1),则需要的代价为|x0-x1|+|y0-y1|.求使得K(K=1,-,N)个点在同一位置上最少需要的代 ...
- Application received signal SIGABRT
Application received signal SIGABRT (null) (( 0 CoreFoundation 0x0000000182bbadc8 <redacted> + ...
- ubuntu 软件使用
1.制作iso: mkisofs -r -o file.iso your_folder_name/
- BZOJ4627 权值线段树
4627: [BeiJing2016]回转寿司 Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 1204 Solved: 475[Submit][St ...
- get请求和post的请求的区别
https://www.cnblogs.com/logsharing/p/8448446.html
- math.js 使用...
math.config({ number: 'BigNumber' }); 没有这句..依旧不能精确计算...
- 使用Git向GitHub上上传代码
参考:http://www.cnblogs.com/yxhblogs/p/6130995.html 如果遇到[git无法pull仓库refusing to merge unrelated histor ...
- Codeforces - 914F bitset 维护字符串匹配个数
题意:给你一个串,支持两种操作,1修改某个点的字符,2询问[l,r]内模式串P与原串的匹配个数 bitset的写法是真的6啊,简直是优雅暴力的典范 bs[i]表示\(T_i\)与\(P\)匹配与否, ...
- scraoy之日志等级处理
一.Scrapy的日志等级 - 在使用scrapy crawl spiderFileName运行程序时,在终端里打印输出的就是scrapy的日志信息. - 日志信息的种类: ERROR : 一般错误 ...