javascript - Google map - 保存动态 map

Question

我正在尝试使用最新的 Google Map API 创建动态 map 。到目前为止一切都很顺利。我当然有一个问题:

我/你将如何保存我当前的 map ？假设您构建了一个带有动态标记的 map :由于一切都是通过 JavaScript 完成的，我需要从文件/数据库中获取/设置这些值。

我正在考虑将整个 google.map.Markers 输出为 JSON 并将其作为字符串发送到数据库，但是如果我有大约 100 个位置，我不确定它会如何，我'我担心效率。

这是唯一的方法吗？我的想法是否正确？基本上，您的网站用户可以在 map 上放置一个标记，然后当然需要确认。确认后，该标记必须在 map 的最新“版本”中，因此我必须从数据库/文件中获取该信息/将其输入到数据库/文件中。

提前致谢!

Answer 1

我正在创建类似的应用程序并以这种方式实现它:

我有一个 Marker 表，其中包含我在标记中使用的每个属性的列(例如纬度、经度、名称、描述、类型等)当有人添加标记时我m 只是将标记的属性保存到数据库中。下次我想显示标记时，我只是从数据库中获取属性，将它们编码为 JSON 并附加到页面。在页面内部，我有 JS 可以获取这些属性并在 map 内创建标记。伪代码:

//this is generated dynamically from DB.
var markers = [
                {lat:115416,lng:26411},
                {lat:115416,lng:26411}
              ];

//this is static, just grabs the dynamic bit and puts it on the map:
for (var i = 0; i < markers.length; i++){
   //creates a marker object
   var marker = new Marker({lat:markers[i].lat, lng:markers[i].lng })
   //displays it on the map
   map.addMarker(marker);
}

这样做的好处是您在数据库中的数据独立于 map 实现，例如如果将来您决定转移到苹果 map 并且它有不同的实现，您可以编写不同的 JS 来处理数据。您也可以查询它，例如您可以通过查看经纬度等查询附近的地点。