使用Google用SQL数据库的数据填充地图？

Question

我想要做的是使用Google填充路由。我编写了一个工作函数，它接受任意给定的lat/long值数组，我有一个大的数据库坐标，我想用一个选择填充地图。

如何将数据输入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"
    },
    ....
]

因此，我需要将其解析为数组，并能够访问每个值，如masterArray1等。

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

Answer 1

最好的方法是使用来自网页的异步(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>