如何通过鼠标单击获取表格上的坐标

Question

请看这个page。

我想在鼠标点击时分别显示lat和lg。

<div id="info_table"> 
  <form name="xyPoinnt"> 
      <table border="2"> 
          <tbody> 
      <tr> 
          <td><center>lat</center></td> 
          <td><input type="text" name="lat" id="lat" size="20" /><td> 
      </tr> 

      <tr> 
          <td><center>lg</center></td> 
          <td><input type="text" name="lng" id="lng" size="20" /></td> 
      </tr> 
          </tbody> 
      </table> 
  </form> 
  </div> 

这是我与表格相关的代码。

   google.maps.event.addListener(pMarker[i], 'click', function(inerKey) {
                return function() {

                    pInfowindow[inerKey].open(map, pMarker[inerKey]);
                }

   }(i))

关于此image

的代码

Answer 1

你试过了吗？

google.maps.event.addListener(map, 'click', function(e){

  document.getElementById("lat").innerText= e.latLng.lat();
  document.getElementById("lng").innerText= e.latLng.lng();
});