用于click和dragend的Google.maps.event.addListener不起作用?

时间:2014-02-11 08:18:50

标签: javascript jquery google-maps

我有这个代码:函数()中的代码'点击dragend'事件没有执行,文档中的latFld和llgFld没有更新,我该怎么办?

DEMO&&完整代码: http://jsfiddle.net/DSc7r/

...
     google.maps.event.addListener(map, 'click dragend', function (event) {
         $('.MapLat').val(event.latLng.lat());
         $('.MapLon').val(event.latLng.lng());
         alert(event.latLng.place.name)
     });
     $("#searchTextField").focusin(function () {
         $(document).keypress(function (e) {
             if (e.which == 13) {
                 return false;
                 infowindow.close();
                 var firstResult = $(".pac-container .pac-item:first").text();
                 var geocoder = new google.maps.Geocoder();
                 geocoder.geocode({
                     "address": firstResult
                 }, function (results, status) {
                     if (status == google.maps.GeocoderStatus.OK) {
                         var lat = results[0].geometry.location.lat(),
                             lng = results[0].geometry.location.lng(),
                             placeName = results[0].address_components[0].long_name,
                             latlng = new google.maps.LatLng(lat, lng);

                         moveMarker(placeName, latlng);
                         $("input").val(firstResult);
                         alert(firstResult)
                     }
                 });
             }
         });
     });

    ...

1 个答案:

答案 0 :(得分:5)

首先在小提琴中的示例代码中,autocomplete未定义,因此导致错误。据我所知,你不能一次绑定多个事件,所以你必须明确绑定它们。

//So instead of 

google.maps.event.addListener(map, 'click dragend', function (event) { ...
// You would want to do this
google.maps.event.addListener(map, 'click', function (event) { ...
// and
google.maps.event.addListener(marker, 'dragend', function (event) { ...

另请注意,您无法从地图的dragend获取latLng而不是标记,因此在dragend侦听器中它与marker绑定 看看更新的小提琴http://jsfiddle.net/DSc7r/1/,看看我的意思。