Question

我要做的是使用Google Maps API填充路线。我写了一个工作函数，它接受任何给定的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"
    },
    ....
]

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

所以我被困了，JavaScript在一个单独的文件中，PHP脚本也是如此，我可以将它放在同一个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>

使用Google Maps javascript API使用SQL数据库中的数据填充地图？

1 个答案: