使用MySql在Google Maps api v3上加载标记

我跟随谷歌的脚步在数据库中保存标记。 所以，教程教我如何保存数据库，它工作得很好，等等

但我想将这些值加载到地图上，因为它只保存数据库中标记的值，而不将它们加载到地图上

这是我的HTML，如果有人想制作加载标记（）；给我举个例子，或者给我看一个加载标记示例的链接会很有帮助，因为我不懂SQL和PHP，也不太懂HTML。我正在学习，谢谢=）

谷歌地图JavaScript API v3示例：简单地图
var标记；
var信息窗口；
函数初始化（）{
var latlng=新的google.maps.latlng（37.4419，-122.1419）；
变量选项={
缩放：13，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（document.getElementById（“map_canvas”），选项）；
var html=“”+
“姓名：”+
“地址：”+
“类型：”+
“酒吧”+
“餐厅”+
" " +
"";
infowindow=新建google.maps.infowindow({
内容：html
});
google.maps.event.addListener（映射，“单击”，函数（事件）{
marker=新的google.maps.marker({
位置：event.latLng，
地图：地图
});
google.maps.event.addListener（标记“单击”，函数（）{
信息窗口。打开（地图、标记）；
});
});
}
函数saveData（）{
var name=escape（document.getElementById（“name”）.value）；
var address=escape（document.getElementById（“address”）.value）；
var type=document.getElementById（“type”）.value；
var latlng=marker.getPosition（）；
var url=“phpsqlinfo\u addrow.php？name=“+name+”&address=“+address+
“&type=“+type+”&lat=“+latlng.lat（）+”&lng=“+latlng.lng（）”；
下载url（url、函数（数据、响应代码）{
如果（responseCode==200&&data.lengthdevelopers.google.com/maps/articles/phpsqlajax_v3是配套文章，显示从数据库中获取数据并将其放到地图上。
developers.google.com/maps/articles/phpsqlajax_v3是配套文章，显示从数据库中获取数据并将其放到地图上。
是配套文章and显示从数据库中获取数据并将其映射到地图上。但是ajax示例可以在不使用ajax的my上使用？为什么不阅读本文？（并且您现有的
downloadUrl（）
函数确实使用
XMLHttpRequest
，因此ajax似乎是可能的）尝试添加一些“load（）”函数，但仍然无法使用Andrew Leach发给我的“phpsqlajax”很有效！谢谢，主题可以结束。这是一篇配套文章，展示了如何从数据库中获取数据并将数据映射到地图上。但是ajax示例可以在不使用ajax的我的网站上使用？为什么不阅读这篇文章？（以及您现有的
downloadUrl（）
函数确实使用了
XMLHttpRequest
，因此AJAX似乎是可能的）尝试添加一些“load（）”函数，但仍然无法使用“phpsqlajax”"Andrew Leach发送给我的邮件成功了！谢谢，主题可以关闭。现在我遇到了一个错误…停止工作，我刚刚清理了表>>此页面包含以下错误：第6列第1行错误：仅在下面文档的开头允许的XML声明是页面的呈现，直到出现第一个错误。更正：不要复制t他从google示例的主页上看到phpsqlajax_genxml.php，它有问题，单击google的链接并复制完整代码，它将工作=）现在我遇到了一个错误…停止了工作，我刚刚清理了表>>此页面包含以下错误：第6列第1行的错误：仅在下面文档的开头允许的XML声明是直到第一个错误的页面呈现。更正：不要从google示例的主页复制phpsqlajax_genxml.php，这是一个错误问题，点击谷歌的链接并复制反完整代码，它将工作=）
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Map Simple</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var marker;
var infowindow;

function initialize() {
  var latlng = new google.maps.LatLng(37.4419, -122.1419);
  var options = {
    zoom: 13,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"), options);
  var html = "<table>" +
             "<tr><td>Name:</td> <td><input type='text' id='name'/> </td> </tr>" +
             "<tr><td>Address:</td> <td><input type='text' id='address'/></td> </tr>" +
             "<tr><td>Type:</td> <td><select id='type'>" +
             "<option value='bar' SELECTED>bar</option>" +
             "<option value='restaurant'>restaurant</option>" +
             "</select> </td></tr>" +
             "<tr><td></td><td><input type='button' value='Save & Close'   onclick='saveData()'/></td></tr>";
infowindow = new google.maps.InfoWindow({
 content: html
});

google.maps.event.addListener(map, "click", function(event) {
    marker = new google.maps.Marker({
      position: event.latLng,
      map: map
    });
    google.maps.event.addListener(marker, "click", function() {
      infowindow.open(map, marker);
    });
});
}

function saveData() {
  var name = escape(document.getElementById("name").value);
  var address = escape(document.getElementById("address").value);
  var type = document.getElementById("type").value;
  var latlng = marker.getPosition();

  var url = "phpsqlinfo_addrow.php?name=" + name + "&address=" + address +
            "&type=" + type + "&lat=" + latlng.lat() + "&lng=" + latlng.lng();
  downloadUrl(url, function(data, responseCode) {
    if (responseCode == 200 && data.length <= 1) {
      infowindow.close();
      document.getElementById("message").innerHTML = "Location added.";
    }
  });
}

function downloadUrl(url, callback) {
  var request = window.ActiveXObject ?
      new ActiveXObject('Microsoft.XMLHTTP') :
      new XMLHttpRequest;

  request.onreadystatechange = function() {
    if (request.readyState == 4) {
      request.onreadystatechange = doNothing;
      callback(request.responseText, request.status);
    }
  };

  request.open('GET', url, true);
  request.send(null);
}

function doNothing() {}
</script>   </head>