从搜索查询在Google地图上显示结果

时间:2013-10-27 16:19:40

标签: javascript php mysql json google-maps-api-3

我正在使用谷歌地图应用程序,但我遇到了一个问题。我正在使用google maps api根据我保存在数据库中的数据库值创建一个地图。我可以把它们拿出来并在地图上显示多个位置。我使用$ .getJSON函数来获取存储查询的页面:

    $.getJSON("get_markers.php",{
        format: "json",
        dataType: 'json',
        contentType: "application/json; charset=utf-8"},
        function(json)
        {
            addMarkers(json);
            console.log(json);
        });
     }

PHP文件:

    <?php 
require 'functions/functions.php'; 

$conn = connect_to_db(); 

$response = array();
$query = get_post_by_cat('bedrijven', 'ict', $conn); 
foreach ($query as $post) {

$response[] = array(
    'name' => $post['naam'],
    'lat' => $post['latitude'],
    'lng' => $post['longtitude'],
);
}
echo json_encode($response);

?>

重点是,这很有效。但是,当有人使用搜索栏时,我希望它能够正常工作。所以我创建了它,它可以完美地获取数据和JSON数据。但地图甚至没有显示出来。我挖到我的控制台并运行状态代码304,我在经过一些研究后发现,这意味着我对我正在使用的API做了太多的请求。我试过这个:

 $.getJSON("search.php",{
    format: "json",
    dataType: 'json',
    contentType: "application/json; charset=utf-8"},
    function(json)
    {
        addMarkers(json);
        console.log(json);
    });
 }

搜索PHP文件:

<?php 

require 'functions/functions.php'; 

$conn = connect_to_db(); 

if(isset($_POST['submit']))
{ 
  $search = $_POST['query']; 
  echo $search;

  $query = get_post_by_cat('bedrijven', $search, $conn); 

    if ($query)
    {
        foreach ($query as $post)
        {
            ?> <h1 id="test"><?php echo $post['naam'] ?></h1> 
                   <p><?php echo $post['plaats'] ?></p> 
                   <p><?php echo $post['categorie'] ?></p> 
                   <?php
        }


    }
    else 
    {
        echo 'error';
    }

}


?>

这给了我304状态。我想我可以理解为什么,因为它试图多次请求地图和jQuery。

jquery.min.map
ajax.googleapis.com/ajax/libs/jquery/1.10.2
GET
304
Not Modified

jquery.js
ajax.googleapis.com/ajax/libs/jquery/1.10.2
GET
304
Not Modified

我该如何解决这个问题?说真的,如果这个问题得到解决,那就多多谢了。我希望将来有用。

1 个答案:

答案 0 :(得分:0)

好消息。我自己发现了!

我认为这不应该是最好的方法,但它对我有用。 我将POST查询从搜索栏翻译为javascript,并将其作为参数发送到数据库中的数据变为JSON的文件。

var query = '<?php echo json_encode($_POST["query"]); ?>';


    $.getJSON("get_markers.php?s=" + query,{
        format: "json",
        dataType: 'json',
        contentType: "application/json; charset=utf-8"},
        function(json)
        {
            addMarkers(json);
            console.log(json);

        });
     }

然后在get_markers文件中:

<?php 
require 'functions/functions.php'; 

$conn = connect_to_db(); 
$search = $_GET['s'];
$response = array();
$query = get_post_by_cat('bedrijven', $search, $conn); 

foreach ($query as $post) {
    $response[] = array(
        'name' => $post['naam'],
        'lat' => $post['latitude'],
        'lng' => $post['longtitude'],
    );
}

echo json_encode($response);
?>

希望这有助于将来的其他人!