-1

我正在使用 Google Maps Geocoding 在我的 JSP 页面上的表格行中搜索和显示地址。该地址是从会话密钥中检索的。每行都有一个地址和一个按钮，但目前该按钮仅适用于第一行中的地址。我对此并不陌生，因此如果术语不正确，我深表歉意。

会话密钥代码：

<tbody>
<c:forEach items="${SKALLUSERS}" var="tempuser">    
    <tr>
        <td scope="row"><c:out value="${tempuser.getId()}"/></td>
            <td>${tempuser.id}</td>
            <td>${tempuser.email}</td>
            <td>${tempuser.password}</td>
            <td>${tempuser.firstName}</td>
            <td>${tempuser.lastName}</td>
            <td>${tempuser.userType}</td>
            <td><input id="address" type="textbox" 
            value="${tempuser.address}"></td>
            <td><a href="updateUser.jsp">Update</a></td>
            <td><input id="submit" type="button" value="Geocode"></td>
    </tr>
</c:forEach>
</tbody>

谷歌地图地理编码

<div id="floating-panel"></div>
<div id="map"></div>

<script>
    function initMap() {
    var map = new google.maps.Map
    (
        document.getElementById('map'), 
        {
            zoom: 8,
            center: {lat: -34.397, lng: 150.644}
        }
   );
   var geocoder = new google.maps.Geocoder();

   document.getElementById('submit').addEventListener
   (
       'click', function() 
       {
          geocodeAddress(geocoder, map);
       }
   );
  }

  function geocodeAddress(geocoder, resultsMap) 
  {
      var address = document.getElementById('address').value;
      geocoder.geocode({'address': address}, function(results, status) 
      {
      if (status === 'OK') 
      {
          resultsMap.setCenter(results[0].geometry.location);
          var marker = new google.maps.Marker
          ({
              map: resultsMap,
              position: results[0].geometry.location
          });
      }
      else 
      {
          alert('Geocode was not successful for the following reason: + status);
      }
    });
  }
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCH2nCSs1XR37Q6HdyUpZZfgP5_uMsi-vA&callback=initMap">
</script>
4

2 回答 2

0

绝不是专家，我也可能错了。

但是如果只有 forEach 循环中表格第一行中的按钮按您所说的那样工作，那么其余的也应该工作。

items="${SKALLUSERS}"除了您循环的数据（即）可能在某种程度上不正确，例如导致表第一行的第一项是唯一具有预期值的项，而其余的不是。

于 2018-01-17T16:58:17.500 回答
0

绝不是专家，我可能是错的，但据我所知，id 应该是唯一的。

尝试向您的提交按钮添加一个类或向 id 添加一个索引，例如“submit1”、“submit2”，然后使用：您拥有的 addEventListener

document.getElementById('submit').addEventListener

但是使用另一个其他选择器，例如 getElementsByClassName 或使用当前选择器，如果您添加索引但获取所有 id 以“提交”开头的元素。

于 2018-01-17T16:47:25.383 回答