我有以下代码:'click dragend'事件的function()中的代码未执行,并且文档中的latFld和llgFld没有更新,我该怎么办?
演示&&全代码: 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)
}
});
}
});
});
...
最佳答案
首先,在小提琴中的示例代码中,autocomplete
未定义,因此会导致错误。据我所知,一次不能绑定(bind)多个事件,因此必须显式绑定(bind)它们。
//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) { ...
还要注意,您不能从 map 的
dragend
中获取latLng,而不能从标记中获取latLng,因此在dragend
侦听器中,它已绑定(bind)到marker
看看更新的小提琴http://jsfiddle.net/DSc7r/1/明白我的意思。关于javascript - 用于click和dragend的Google.maps.event.addListener不起作用吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21696514/