簡體   English   中英

dragend事件監聽器無法在Google Maps API v3中觸發?

[英]dragend event listener not firing in Google Maps API v3?

它甚至不會登錄到控制台。 我不確定這是怎么回事:

var mapOptions = {
  zoom: 5,
  center: new google.maps.LatLng(-41.2, 173.3),
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  streetViewControl: false
}

var homeMarker = new google.maps.Marker();

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

google.maps.event.addListener(map, "click", function(event) {
// If the marker already exists, set it's position to null
    if (homeMarker) {
        homeMarker.setPosition(null);
    }

// Instantiate the marker again
  homeMarker = new google.maps.Marker({
    position: event.latLng,
    map: map,
    title: 'Your Home Location',
    draggable: true 
  });

// Set the input fields to the latitude and longitude
    var latitude = event.latLng.lat();
    var longitude = event.latLng.lng();

    $('input#homeLat').val(latitude.toFixed(6));
    $('input#homeLong').val(longitude.toFixed(6));
 }); 

// What is wrong here?
google.maps.event.addListener(homeMarker, "dragend", function(event) {
 console.log('foo');        
});

基本上,這意味着要從標記的新位置獲取坐標,可以通過單擊map和拖動標記本身來更改坐標。 我已經使用了前者,但是我的eventListenerdragend似乎根本沒有觸發。 有任何想法嗎?

拖動時發出警報,相同的代碼對我有效。 getPosition()有助於獲取當前標記位置

嘗試這個,

google.maps.event.addListener(homeMarker, "dragend", function(event) {
     alert('map dragged');
     homeMarker.getPosition();
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM