用户点击gmap时如何在表格中添加一行?

时间:2015-05-07 15:21:29

标签: javascript jquery

我尝试将gmap添加到我的应用程序中。我在页面表格和div上有地图,我想确保用户在地图上添加标记时 - 在表格中添加一行。

有我的脚本(来自google示例的默认脚本)

 window.onload = function() {
     var mapOptions = {
         center: new google.maps.LatLng(21.0000, 78.0000),
         zoom: 5,
         mapTypeId: google.maps.MapTypeId.ROADMAP
     };
     var map = new google.maps.Map(document.getElementById("map"), mapOptions);

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

         var location = e.latLng;

         var marker = new google.maps.Marker({
             position: location,
             map: map
         });

         google.maps.event.addListener(marker, "click", function(e) {
             var infoWindow = new google.maps.InfoWindow({
                 content: 'Latitude: ' + location.lat() + '<br />Longitude: ' + location.lng()
             });
             infoWindow.open(map, marker);
         });
     });
 };  

抱歉我的英文不好

1 个答案:

答案 0 :(得分:1)

在您提供的Google示例中,您可以在

行之后执行此操作
     google.maps.event.addListener(map, 'click', function(e) {

您可以插入类似

的内容
$('myTable').append('<tr><td>THIS IS MY NEW ROW</td></tr>');

取决于你的“行”应该保留的内容。