移动圈与标记谷歌地图javascript

时间:2016-07-04 07:09:40

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

我正在开展一个项目,其中我在地图上标记了一个圆圈。我想用标记移动圆圈。当我移动标记时,圆圈保持在最后位置。我想移动两者,当我移动标记时,圆圈也应随之移动。

请告诉我我在哪里做错了?

When open page When move marker circle is not moving with it.

代码在这里:

func buttonAction(sender: UIButton!) {
  print("Button tapped")
}

1 个答案:

答案 0 :(得分:3)

您只需将拖动事件与带.addListener()函数

的圆圈绑定

这样做

function initMap() {      


var lat_lng = {lat: 22.08672, lng: 79.42444};       
  map = new google.maps.Map(document.getElementById('map'), {      
    zoom: 6,      
    center: lat_lng,      
    mapTypeId: google.maps.MapTypeId.TERRAIN      
  });      

  var marker = new google.maps.Marker({      
    position: lat_lng,   
      draggable:true ,  
    map: map  
  });    

   var cityCircle = new google.maps.Circle({      
      strokeColor: '#FF0000',      
      strokeOpacity: 0.8,      
      strokeWeight: 2,      
      fillColor: '#FF0000',      
      fillOpacity: 0.35,      
      map: map,      
      center: lat_lng,      
      radius: 199999.45454,    
      draggable:true    
    });  


   //add event listner on drag event of marker
    marker.addListener('drag', function(event) {                     
        cityCircle.setOptions({center:{lat:event.latLng.lat(),lng:event.latLng.lng()}});        
    });
}