【问题标题】:how to get latitude, longitude onclick of a map in google maps api v3 javascript?如何在google maps api v3 javascript中获取地图的纬度,经度?
【发布时间】:2012-01-22 22:21:06
【问题描述】:

如何知道在谷歌地图 api v3 中点击地图时的纬度、经度。 我已经使用此代码在 google maps api v2 中完成了此操作

 GEvent.addListener(map, "click", function(overlay, latlng) {
          if (latlng) {
            marker = new GMarker(latlng, {draggable:true});
            GEvent.addListener(marker, "click", function() {
                //alert("hello");
              var html = "<table>" +
                         "<tr><td>Name:</td> <td><input type='text' id='name'/> </td> </tr>" +
                         "<tr><td>Time:</td> <td><input type='text' id='time'/> </td> </tr>" +
                         "<tr><td>Bus Id:</td> <td><input type='text' id='busId'/> </td> </tr>" +
                         "<tr><td>Device Id:</td> <td><input type='text' id='deviceId'/> </td> </tr>" +
                         "<tr><td></td><td><input type='button' value='Save & Close' onclick='saveData()'/></td></tr>";
              marker.openInfoWindow(html);
            });
            map.addOverlay(marker);
          }
        });

如何在 v3 中做同样的事情?

我试过了,但是没用。

google.maps.event.addListener(map, "click", function(overlay,latlng) {
        if (latlng) {
        marker = new google.maps.Marker(latlng);
           google.maps.event.addListener(marker, "click", function() {
              var html = "<table>" +
                         "<tr><td>Name:</td> <td><input type='text' id='name'/> </td> </tr>" +
                         "<tr><td>Time:</td> <td><input type='text' id='time'/> </td> </tr>" +
                         "<tr><td>Bus Id:</td> <td><input type='text' id='busId'/> </td> </tr>" +
                         "<tr><td>Device Id:</td> <td><input type='text' id='deviceId'/> </td> </tr>" +
                         "<tr><td></td><td><input type='button' value='Save & Close' onclick='saveData()'/></td></tr>";
              marker.openInfoWindow(html);
            });
            map.setMap(marker);

         }
        });

【问题讨论】:

    标签: javascript google-maps google-maps-api-3


    【解决方案1】:

    你必须使用事件参数。

    google.maps.event.addListener(map, 'click', function(event) { marker = new google.maps.Marker({position: event.latLng, map: map}); });

    【讨论】:

      【解决方案2】:

      你必须使用这个。

       google.maps.event.addListener(map, 'click', function(event) {
          alert("Latitude: " + event.latLng.lat() + " " + ", longitude: " + event.latLng.lng());
        });
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-03-03
        • 2023-03-20
        • 2018-10-06
        • 1970-01-01
        • 2013-02-23
        相关资源
        最近更新 更多