更新标记位置 json Leaflet 和 WebGLEarth

Update marker position json Leaflet and WebGLEarth

本文关键字：Leaflet WebGLEarth json 位置 更新      更新时间：2023-09-26

这个问题与这个问题有关：使用 JSON 每 x 秒更新一次传单标记位置。只有我想用 Leaflet 创建的地图投影到 WebGLEarth 的 3D 地球上。通常，您可以通过在原始传单代码中将L.map，L.marker等替换为WE.map，WE.markr来组合Leaflet和WebGLEarth。

我想将国际空间站的当前位置投影到我的 3D 地球上，所以我替换了此代码update_position函数中的 L.marker ...

var cloudmadeUrl = 'http://{s}.mqcdn.com/tiles/1.0.0/sat/{z}/{x}/{y}.jpg';
            var subDomains = ['otile1','otile2','otile3','otile4'];
            var cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 11,     subdomains: subDomains});
            var map = new L.Map('map', {layers : [cloudmade]}).fitWorld();
var iss;
function update_position() {
$.getJSON('http://open-notify-api.herokuapp.com/iss-now.json?callback=?', function(data) {
    console.log(data);
    var latitude = data["iss_position"]["latitude"];
    var longitude = data["iss_position"]["longitude"];
    if (!iss) {
        iss = L.marker([latitude,longitude]).bindPopup("I am the ISS").addTo(map);
        }
    iss.setLatLng([latitude,longitude]).update();
    setTimeout(update_position, 1000);
    });
   }
update_position();

演示

。由WE.marker。不幸的是，位置的更新在我的 3D 地球上不再有效，而在 2D 地图上确实有效。我尝试添加

setInterval(update_position,2000);

就在 update_position（）; 上方，然后标记更新了几次 （~5），然后突然停止。如果我通过平移与地球上的鼠标进行交互，标记会更新到其当前位置，然后更新几次，最终再次停止。

主要问题：有谁知道如何解决这个问题，以便我有一个连续的标记更新？

附加问题：理想情况下，我希望国际空间站的轨道看起来像 https://cesiumjs.org/Cesium/Apps/Sandcastle/index.html?src=CZML.html&label=Showcases，空间站在其绕地球的最后一个轨道上行进的彩色路径。关于如何做到这一点的任何提示？

提前感谢！

[编辑23-1-2015：我设法通过为 IIS 创建一个新变量（即 iis2）来不断更新它。为什么这对我来说是不清楚的。不幸的是，所有"旧"标记位置都不会消失，所以我得到了一个模糊的标记轨迹。 

    var iss;
var iis2;
function update_position() {
    $.getJSON('http://open-notify-api.herokuapp.com/iss-now.json?callback=?', function(data) {
        console.log(data);
        var latitude = data["iss_position"]["latitude"];
        var longitude = data["iss_position"]["longitude"];
        if (!iss) {
            iss2 = WE.marker([latitude,longitude]).bindPopup("I am the ISS").addTo(map);
        }
        iss2.setLatLng([latitude,longitude]).update();
    });
}
update_position();
setInterval(update_position,1000);

]

删除标记

var iss;
var iis2;
function update_position() {
    $.getJSON('http://open-notify-api.herokuapp.com/iss-now.json?callback=?', function(data) {
        console.log(data);
        map.removeLayer(iss2);
        var latitude = data["iss_position"]["latitude"];
        var longitude = data["iss_position"]["longitude"];
        if (!iss) {
            iss2 = WE.marker([latitude,longitude]).bindPopup("I am the ISS").addTo(map);
        }
        iss2.setLatLng([latitude,longitude]).update();
    });
}
update_position();
setInterval(update_position,1000);
相关文章：