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