如何使用 angularjs 和 JSON 格式保存地图视图的状态？

【问题标题】：How to save the state of the Map view using angularjs and in JSON format?如何使用 angularjs 和 JSON 格式保存地图视图的状态？
【发布时间】：2015-11-16 14:41:00
【问题描述】：

我有一张使用 D3 创建的地图。根据地名有具体的点。这些点可以根据用户的便利性移动，以使用拖动和缩放创建更好的视图。我需要使用 angularjs 为用户创建一个“保存的地图视图”，并将数据保存为 JSON 格式。这样当用户回来时，他们可以再次拥有相同的地图视图。我需要捕获与这些特定点相关的比例、经度、纬度和数据。请帮我解决这个问题。

【问题讨论】：

标签： json angularjs d3.js

【解决方案1】：

有多种方法：这取决于您是希望将状态保留在服务器上还是仅在客户端上。

一般的工作流程是：

1。创建一个 JSON 对象来保存您想要保持的状态例如：

var mapState = {
   center: [lat, long], // replace lat, long with your coordinates
   // more properties go here...
}

将数据保存到服务器（您需要一个后端）或将数据保存在本地存储中（示例：http://yeoman.io/codelab/local-storage.html）
在重新加载/用户返回时加载保存的数据

【讨论】：