单击Google地图上的HTML表单

时间:2010-07-20 17:18:39

标签: php javascript html google-maps

我是谷歌地图的新手,我想知道当用户点击地图上的某个位置时,我如何编制一个会弹出HTML表单的地图?我想在屏幕上“弹出”地图的形式。这可能吗?

我有以下内容......

         <script>
        var contentString = '<div id="content">
       <form action="welcome.php" method="post">
       <b>Name</b><br/> <input type="text" name="fname" />
       <br/><b>Description</b><br/>
       <TEXTAREA NAME="description" COLS=40 ROWS=6></TEXTAREA><br/><br/>
       <b>Latitude</b><br/><INPUT name="lat" id ="lat" /><br/>
       <b>Longitude</b><br/><INPUT name="lng" id ="lng" /><br/>
       <input type="submit" />
       </form>
       </div>';

var infowindow = new google.maps.InfoWindow({     content:contentString });

我的点击监听器是......

GEvent.addListener(map, "click", function(overlay, latLng)
{
    if (latLng) {
 marker = new GMarker(latLng, {draggable:true});
 map.addOverlay(marker);
 infowindow.open(latLng, map);
  }

    // display the lat/lng in your form's lat/lng fields
    document.getElementById("lat").value = latLng.lat();
    document.getElementById("lng").value = latLng.lng();
});

  }
}

我想要的是点击它将在用户点击的位置打开一个HTML表单,并将lat / lng字段传递给HTML表单。这有可能吗?

1 个答案:

答案 0 :(得分:2)

您需要的所有信息都是in the documentation,以及an example - 您需要做的只是将HTML表单放在那里。