Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Google Maps API V3在本地存储中保存/恢复边界_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript Google Maps API V3在本地存储中保存/恢复边界

Javascript Google Maps API V3在本地存储中保存/恢复边界,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我正试图在谷歌地图在本地存储中移动时保存它的边界,这样我就可以重新打开应用程序并将地图放在完全相同的位置。但是,每次重新加载页面时,它似乎都集中在同一点上,但每次都会略微缩小 在他们的边界计算中是否存在导致这种情况的bug,或者我是否错误地使用了他们的数据 下面是一个JSFIDLE: 放大某个位置,再次单击“运行”,它将重新加载,但会稍微缩小 map.fitBounds(getBounds(), { animate: false }); google.maps.event.addLis

我正试图在谷歌地图在本地存储中移动时保存它的边界,这样我就可以重新打开应用程序并将地图放在完全相同的位置。但是,每次重新加载页面时,它似乎都集中在同一点上,但每次都会略微缩小

在他们的边界计算中是否存在导致这种情况的bug,或者我是否错误地使用了他们的数据

下面是一个JSFIDLE:

放大某个位置,再次单击“运行”,它将重新加载,但会稍微缩小

map.fitBounds(getBounds(), {
    animate: false
});

google.maps.event.addListener(map, 'idle', function() {
    console.log("idle");
    saveBounds(map.getBounds());
});

fitBounds将确保您的边界符合地图,这意味着它将大于实际边界

您可以通过保存地图中心和缩放级别来执行此操作。请查收


我在谷歌上搜索了一段时间,但没有找到,这可能是感谢善良的互联网公民的复制品。
var center = map.getCenter();
var zoom = map.getZoom();

localStorage.mapCenter = JSON.stringify(center);
localStorage.mapZoom = zoom;