Javascript 对php数据库Google maps标记的AJAX调用

我正在尝试与我的数据库建立连接

$.ajax({
        url: 'pictures.php', data: "", dataType: 'json', success: function (rows) {
            for (var i in rows) {
                var row = rows[i];

                var id = row[0];
                var name = row[1];
                var pic = row[2];
                var lat = row[3];
                var lon = row[4];
                $(addMarker( id + name + pic + lat + lon));
            }
        }
    });

这是pictures.php：

<?php

$dbname = 'test'; //Name of the database
$dbuser = 'root'; //Username for the db
$dbpass = ''; //Password for the db
$dbserver = 'localhost'; //Name of the mysql server

$dbcnx = mysql_connect("$dbserver", "$dbuser", "$dbpass");
mysql_select_db("$dbname") or die(mysql_error());


$query = mysql_query("SELECT * FROM bezienswaardigheden");

$data = array();
while ( $row = mysql_fetch_row($query) )
{
    $data[] = $row;
}
echo json_encode( $data );
exit

?>

---

我在谷歌地图上看不到带有此代码的标记。地图工作得很完美，但我需要为我在数据库中填充的位置设置标记：（AJAX不与pictures.php建立连接。

以什么方式失败？AJAX请求是否发送到服务器？服务器的响应是什么？调试时，哪里出了问题？需要3个参数

addMarkers（）

=>

lat

，

lng

，

info

并且您使用奇怪的值以奇怪的方式调用该函数？？？

$（addMarker（id+name+pic+lat+lon））；

function addMarker(lat, lng, info) {
    var pt = new google.maps.LatLng(lat, lng);
    bounds.extend(pt);
    var marker = new google.maps.Marker({
        position: pt,
        icon: icon,
        map: map
    });
    var popup = new google.maps.InfoWindow({
        content: info,
        maxWidth: 300
    });
    google.maps.event.addListener(marker, "click", function () {
        if (currentPopup != null) {
            currentPopup.close();
            currentPopup = null;
        }
        popup.open(map, marker);
        currentPopup = popup;
    });
    google.maps.event.addListener(popup, "closeclick", function () {
        map.panTo(center);
        currentPopup = null;
    });
}