你如何让谷歌地图保持缩放和中心位置刷新？

Question

我有这个：

    function initMap() {
      // Create a new map object focused on PA
      map = new google.maps.Map(document.getElementById('Map'), { 
        zoom: 8, 
        center: { lat: 41, lng: -78 },
       });

我希望用户能够放大并切换地图上的数据以显示其他变量，而无需地图重置中心和缩放级别。

Answer 1

您有多种选择。两者都需要使用地图 API 中可用的各种事件来获取您想要存储的任何状态。

您可以在每次更改时创建一个缩放和居中的对象，并将其字符串化为 JSON 并存储在浏览器 localStorage 中。当页面加载时，您会获取存储的内容（如果有）并将其解析回可以传递给地图初始化的对象

另一种方法是在发生更改时使用window.history.pushState() 和URLSearchParams() 修改url 中的查询字符串。然后，当页面加载时，获取 url 中的任何参数以传递给初始化