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 实现轨迹回放的更多相关文章

  1. OpenLayers3的轨迹回放

    OpenLayers3实现轨迹回放需要动画操作,官网上的例子用的是postcompose,但是还可以使用javascript中setInterval和setTime. 我的例子是按官网上来的http: ...

  2. 物联网应用中实时定位与轨迹回放的解决方案 – Redis的典型运用(转载)

    物联网应用中实时定位与轨迹回放的解决方案 – Redis的典型运用(转载)   2015年11月14日|    by: nbboy|    Category: 系统设计, 缓存设计, 高性能系统 摘要 ...

  3. 如何实现LBS轨迹回放功能?含多平台实现代码

    本篇文章告诉您,如何实现轨迹回放.并且提供了web端,iOS端,Android端3个平台的轨迹回放代码.拷贝后可以直接使用.另外,文末有小彩蛋,算是开发者的福利. Web端/JavaScript 实现 ...

  4. Google地图轨迹回放模拟

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. SVG轨迹回放实践

    最近做了埋点方案XTracker的轨迹回放功能,大致效果就是,在指定几个顺序的点之间形成轨迹,来模拟用户在页面上的先后行为(比如一个用户先点了啥,后点了啥).效果图如下: 在这篇文章中,我们来聊聊轨迹 ...

  6. 如何使用JS来开发室内三维地图的轨迹回放功能

     在制作完成室内三维地图的功能后,最经常有的需求就是如何做人员的轨迹回放,一般流程都是从数据库中查询轨迹坐标后,经过后台查询接口返回给前端,接下来的事情都交给JS来完成. 如果想做好一个性能好的轨迹回 ...

  7. GPS/轨迹追踪、轨迹回放、围栏控制

    折腾一个多月终于弄完了这个项目,起初都未曾接触GPS/轨迹追踪.轨迹回放.圈划围栏...等一些在百度地图或者Googel地图操作的一些业务,后端的业务相对来说简单点 cas单点登录,mongdb灵活的 ...

  8. 使用GMap.NET类库,实现地图轨迹回放。(WPF版)

    前言 实现轨迹回放,GMap.NET有对应的类GMapRoute.这个类函数很少,功能有限,只能实现简单的轨迹回放.要实现更复杂的轨迹回放,就需要自己动手了. 本文介绍一种方法,可以实现复杂的轨迹回放 ...

  9. 使用百度地图API实现轨迹回放

    调用百度地图API实现路线的轨迹回放功能其实很简单,只要搞懂以下几点即可: 1.需要用Polyline方法先绘制好路线图 2.用Marker添加标注点 3.关键一步,通过结合定时器,使用Marker创 ...

随机推荐

  1. Python中实现简单的插件框架

    在系统设计中,经常我们希望设计一套插件机制,在不修改程序主体情况下,动态去加载附能. 我设想的插件系统: 1.通过类来实现 2.自动查找和导入 我们假设需要实现一个简单的插件系统,插件可以接收一个参数 ...

  2. 题解 P1632 点的移动

    P1632 点的移动 题目描述 平面上有N个整数坐标点.如果将点(x0,y0)移动到(x1,y1),则需要的代价为|x0-x1|+|y0-y1|.求使得K(K=1,-,N)个点在同一位置上最少需要的代 ...

  3. Application received signal SIGABRT

    Application received signal SIGABRT (null) (( 0 CoreFoundation 0x0000000182bbadc8 <redacted> + ...

  4. ubuntu 软件使用

    1.制作iso: mkisofs -r -o file.iso your_folder_name/

  5. BZOJ4627 权值线段树

    4627: [BeiJing2016]回转寿司 Time Limit: 10 Sec  Memory Limit: 256 MBSubmit: 1204  Solved: 475[Submit][St ...

  6. get请求和post的请求的区别

    https://www.cnblogs.com/logsharing/p/8448446.html

  7. math.js 使用...

    math.config({ number: 'BigNumber' }); 没有这句..依旧不能精确计算...

  8. 使用Git向GitHub上上传代码

    参考:http://www.cnblogs.com/yxhblogs/p/6130995.html 如果遇到[git无法pull仓库refusing to merge unrelated histor ...

  9. Codeforces - 914F bitset 维护字符串匹配个数

    题意:给你一个串,支持两种操作,1修改某个点的字符,2询问[l,r]内模式串P与原串的匹配个数 bitset的写法是真的6啊,简直是优雅暴力的典范 bs[i]表示\(T_i\)与\(P\)匹配与否, ...

  10. scraoy之日志等级处理

    一.Scrapy的日志等级 - 在使用scrapy crawl spiderFileName运行程序时,在终端里打印输出的就是scrapy的日志信息. - 日志信息的种类: ERROR : 一般错误 ...