拖拽完成后获得中心坐标

Jui*_*icy 7 google-maps-api-3

我想跟踪我的地图中心的坐标.到目前为止,我一直在使用这个:

// On Drag End
google.maps.event.addListener(map, 'dragend', function() { 
    $('.map_center_coords .latitude').html( map.getCenter().lat() );
    $('.map_center_coords .longitude').html( map.getCenter().lng() );
});
Run Code Online (Sandbox Code Playgroud)

这是通过在拖动事件结束时获取坐标来实现的.

问题是我现在正在使用map.panTo移动到某个位置.

基本上有活动"whenever the center has *finished* moving in any way"吗?

正如geocodezip所提到的,我忘记了这个center_changed事件.但是在拖动/平移地图时会不断触发该事件.

理想情况下,我正在寻找一个只在任何拖动/平移完成后才被触发一次的事件.

Dr.*_*lle 8

改为观察idle事件(当平移或缩放后地图变为空闲时会触发此事件):

    google.maps.event.addListener(map,'idle',function(){
      if(!this.get('dragging') && this.get('oldCenter') && this.get('oldCenter')!==this.getCenter()) {
        //do what you want to
      }
      if(!this.get('dragging')){
       this.set('oldCenter',this.getCenter())
      }

    });

    google.maps.event.addListener(map,'dragstart',function(){
      this.set('dragging',true);          
    });

    google.maps.event.addListener(map,'dragend',function(){
      this.set('dragging',false);
      google.maps.event.trigger(this,'idle',{});
    });
Run Code Online (Sandbox Code Playgroud)


geo*_*zip 5

google.maps.Map center_changed的事件。

center_changed | None | This event is fired when the map center property changes.
Run Code Online (Sandbox Code Playgroud)
// On center changed
google.maps.event.addListener(map, 'center_changed', function() { 
  $('.map_center_coords .latitude').html( map.getCenter().lat() );
  $('.map_center_coords .longitude').html( map.getCenter().lng() );
});
Run Code Online (Sandbox Code Playgroud)