Javascript 如何通过html5存储api存储并加载内容？

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();
});

---

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

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

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

并在将安装坐标重新加载到存储中的坐标之后

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

---

代码在我的答案中是正确的，只要把你的数据放进去就行了