mysql - Google Maps API Javascript 从 MySQL 表中将数据拉入变量

Question

我正在编写一个脚本，该脚本将从我的 MySQL 数据库表中提取一个变量，这是 google 给我的编码示例。

var beaches = [
  ['Bondi Beach', -33.890542, 151.274856, 4],
];

现在这就是我要实现的目标，

我有一张表格，其中包含 ID、Beach、Long、Lat

我如何替换海滩变量以从我的 MySQL 表中提取，而不是必须进入并手动将海滩添加到变量中。这样，当用户通过我的表单向数据库添加带有经度和纬度的海滩名称时，它会自动在我的谷歌地图上添加一个标记。

我正在使用 Google Maps API v3 实现 ComplexIcon Overlays

https://developers.google.com/maps/documentation/javascript/overlays#ComplexIcons

我猜我会使用一些 AJAX？我以前从未使用过 AJAX，所以如果是这种情况，我想我最好拉起我的 AJAX tuts :)

Answer 1

用户浏览器中的 Javascript 无法直接访问您的数据库(这很好!)但它可以向您的服务器请求数据，如果您需要动态更新，AJAX 可能是您的不二之选。谷歌了一篇文章:https://developers.google.com/maps/articles/phpsqlajax_v3

然而，当您将页面发送到浏览器时，您似乎更可能只需要获取标记数据，您可以通过使用 PHP 或其他服务器端语言构建页面，使用类似的技术来获取标记数据从数据库中取出数据并直接在页面代码中使用这些值。

您可能需要同时执行这两项操作，以创建用户获得的初始页面并通过 AJAX 更新它，这样只有数据发生变化，您不必刷新整个页面。

[注意:您不必使用 XML 来异步传输数据，您可以使用 JSON 来格式化它或您可以编写代码的任何其他格式。但是 XML 很简单，而且有很多例子。]