使用 Google Maps JavaScript API 使用 SQL 数据库中的数据填充地图 - Populate map with data from SQL Database using Google Maps javascript API?

Populate map with data from SQL Database using Google Maps javascript API?

我想做的是使用谷歌地图API填充路线。我编写了一个工作函数，它接受任何给定的经度/经度值数组，我有一个大的数据库坐标，我想用一个选择填充地图。

如何将数据导入 JavaScript？到目前为止，我在网站上有一个按钮，按下它时它会运行一个查询，该查询以 JSON 格式将我需要的内容回显到某个新页面中：

$con = mysqli_connect("localhost","root","password","database");
$return_arr = array(); $result = mysqli_query($con,"SELECT * FROM
Flight_Data WHERE  `DepDateTimeUTC` LIKE  '%10/1/13%'");

while ($row = mysqli_fetch_array($result)) {
    $row_array['ID'] = $row['ID'];
    $row_array['OriginLat'] = $row['OriginLat'];
    $row_array['OriginLong'] = $row['OriginLong'];
    $row_array['DestinLat'] = $row['DestinLat'];
    $row_array['DestinLong'] = $row['DestinLong'];
    array_push($return_arr,$row_array); }
$jsonarray = json_encode($return_arr); echo $jsonarray;

以下是数据示例：

[
    {
    "ID":"1",
    "OriginLat":"48.6899",
    "OriginLong":"9.2220",
    "DestinLat":"37.014425",
    "DestinLong":"-7.965910"
    },
    ....
]

所以我需要将其解析为一个数组，并能够访问每个值，如 masterArray[1][4] 等。

所以我被卡住了，JavaScript 在一个单独的文件中，PHP 脚本也是如此，我可以把它放在同一个 HTML 页面中，但我仍然不知道如何获取它。

最好的方法是使用网页中的异步（Ajax）查询，以 JSON 格式从 Web 服务器中提取数据。这样做的最终结果将是所有数据都可以在 JavaScript 变量中使用。

我建议使用像jQuery这样的库来做到这一点 - 看看这里的文档：http://api.jquery.com/jquery.ajax/

在jQuery中执行此操作的一个基本（未经测试的）示例是：

<script>
    $(document).ready(function() {
        $.ajax("yourpage.php")
            .done(function(data) {
                mydata = data;
            });
    });    
</script>