javascript - 如何通过 html5 存储 api 存储然后加载内容？

Question

1 - 我有这张地图：看！

2 - 当我有这个代码时，如何使用 HTML5 存储来存储地图位置：

var PlanetRefreshTimeSec = 1;//planet refresh time in seconds..
function loadData() {
    $("#show_planet_realtime").load("../in/GameEngine/RealTimeRender.php?p=<?php echo $player; ?>", function () {
        setTimeout( function () {
            loadData();
        }, PlanetRefreshTimeSec * 1000);
    });
}
$( function () {
    loadData();
});

我已经写了这段代码，但它似乎不起作用..：

var PlanetRefreshTimeSec = 1;//planet refresh time in seconds..
function loadData() {

    $.ajaxSetup({
        cache: false
    });

    var updatePosition = function() {
        var div = $('#show_planet_realtime');
        setTimeout(function(){div.scrollTop(div.height())},200);
    };
    $("#show_planet_realtime").load("../in/GameEngine/RealTimeRender.php?p=<?php echo $player; ?>", updatePosition, function () {
        setTimeout( function () {
            loadData();
        }, PlanetRefreshTimeSec * 1000);
    });
}
$( function () {
    loadData();
});

请告诉我，如何在页面刷新时使地图位置保持坐标？

Answer 1

加载后，您可以通过以下方式保存坐标：

localStorage.setItem("coords-player23423", coords);

并且在将设置坐标重新加载到存储中的坐标之后

var coords = localStorage.getItem("coords-player23423");
player.updateCoords( coords );