javascript - 如何正确循环并正确显示这些标记名称中的每一个？

Question

我正在开发一个谷歌地图应用程序，其中用户单击标记并通过信息窗口提交信息。目前我正在尝试在信息窗口的顶部显示每个标记的名称。标记是从数据库和 xml 文件中加载的。

我可以在信息窗口上显示一个名称，但它仅适用于数据库中的第一个标记。当我希望为每个标记适当地显示每个名称时，该名称会出现在每个标记上。任何帮助，将不胜感激。谢谢你

这是用户单击标记时显示的表单

<div id="form">
  <table>
  <tr><td>Name:</td> <td> </td> </tr>
           <label id="name" style="color: #0026ff"></label>
        <tr><td>questindicator:</td> <td><select id="questType" onchange="questLogic()">  
        <option value="null">Select quest</option>
        <option value="quest1">Name of Quest</option>
        <option value="quest2">Name of Quest<</option>      
        </select> </td> </tr>
             <tr><td><input type='button' value='Save' onclick='saveData()'/></td></tr>
  </table>
</div>

这是我加载标记的地方

      downloadUrl('call.php', function(data) {
        var xml = data.responseXML;
        var markers = xml.documentElement.getElementsByTagName('marker');
        Array.prototype.forEach.call(markers, function(markerElem) {
          var name = markerElem.getAttribute('name');              //name of marker

           document.getElementById("name").innerHTML = name;  //displaying marker name in info window

          var content = document.getElementById('form');


           marker.addListener('click', function() {

//setting contents of infowindow
                  infowindow.setContent(content); 
          infowindow.open(map, marker);
          });
        });


      }); 

标签： javascripthtml