AJAX调用php数据库谷歌地图标记

Question

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

$.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

?>

这是addMarker函数：

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;
    });
}

我无法使用此代码在Google地图上看到标记。地图工作得很完美，但我想要填写数据库的地方标记:( AJAX不要与pictures.php连接。