zoukankan      html  css  js  c++  java
  • 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) {
    
                }
            });
        }
  • 相关阅读:
    AcWing 1027. 方格取数 dp
    AcWing 1014. 登山 dp
    acwing 482. 合唱队形 dp
    LeetCode 1463. 摘樱桃II dp
    LeetCode 100. 相同的树 树的遍历
    LeetCode 336. 回文对 哈希
    LeetCode 815. 公交路线 最短路 哈希
    算法问题实战策略 DARPA大挑战 二分
    算法问题实战策略 LUNCHBOX 贪心
    AcWing 1100. 抓住那头牛 BFS
  • 原文地址:https://www.cnblogs.com/sjfsjf/p/6565638.html
Copyright © 2011-2022 走看看