django - 谷歌交互式地图从数据库值添加标记

Question

我将在数据库中存储具有 lat/lng 值的记录。我想要一个能同时显示所有这些位置的谷歌交互式地图。我对 Google Maps API 还不是很熟悉，所以我不确定用哪种方式做事。

我可以吗..

创建一个交互式地图，将其嵌入到页面中，当用户单击添加标记时，拦截事件，通过 off 向我的服务器提交表单，该服务器将在数据库中存储值，成功后，将位置添加到地图? 添加的标记会像这样存储在谷歌方面吗？

或者我可以...

只需显示一个嵌入的地图，当地图加载时，循环我的数据库对象并根据它们的 lat/lng 值创建标记？当有很多标记时，这会导致加载时间过长吗？

在这两个中，我更喜欢后一个选项，但我不确定哪个是最可行的。

Answer 1

是的，您可以创建一个交互式地图，您可以在其中拦截用户单击并窃取数据库中的位置。您可以执行以下操作：

google.maps.event.addListener(map, 'click', function(event){
    // Catch click location from event
});

获取点击的位置。

不知道谷歌是如何做到的。

但也建议在加载地图之前从数据库中加载标记。

您在数据库中存储了多少会减慢进程的标记？

您可以创建一个 JSON / XML 文件并加载前 x 个标记并加载您的地图。加载地图后，加载剩余的标记（一点一点）。