圈覆蓋谷歌地圖API V3 JS

Question

我想插入這個圈子一個谷歌地圖，地圖上顯示通過在標題下面的js文件的罰款;

/** 
     * Called on the intiial page load. 
     */ 
     function initialize() { 
     var latLng = new google.maps.LatLng(50.272213,-5.054973); 
     var options = { 
      'zoom': 9, 
      'center': latLng, 
      'mapTypeId': google.maps.MapTypeId.ROADMAP 
     }; 

     var map = new google.maps.Map(document.getElementById('map'), 
      options); 

     } 

     // Register an event listener to fire when the page finishes loading. 
     google.maps.event.addDomListener(window, 'load', initialize); 

但是，當我添加以下內容來包含它打破並且不加載的圓;

/** 
     * Called on the intiial page load. 
     */ 
     function initialize() { 
     var latLng = new google.maps.LatLng(50.272213,-5.054973); 
     var options = { 
      'zoom': 9, 
      'center': latLng, 
      'mapTypeId': google.maps.MapTypeId.ROADMAP 
     }; 

     var map = new google.maps.Map(document.getElementById('map'), 
      options); 

     // Add a Circle overlay to the map. 
      var circle = new google.maps.Circle({ 
      map: map, 
      center: new google.maps.LatLng(50.272213,-5.054973), 
      fillColor: #00FF00, 
      fillOpacity: 0.2, 
      strokeColor: #00FF00, 
      strokeOpacity: 0.4, 
      strokeWeight: 2 
      }); 
      circle.setRadius(18362.55489862987); 

     } 

     // Register an event listener to fire when the page finishes loading. 
     google.maps.event.addDomListener(window, 'load', initialize); 

如果有人能指出哪裏我去錯了，請...

Answer 1

試着改變你的監聽器的代碼如下：

google.maps.event.addDomListener(window, 'onload', initialize()); 

這裏是一個工作示例：http://jsfiddle.net/pVh3b/1/

Answer 2

不要叫setRadius，只需指定半徑的圓選項的參數。也因爲你已經得到了與相同的座標爲圓心創建了一個經緯度對象，只是重複使用。

var circle = new google.maps.Circle({ 
      map: map, 
      center: latLng, 
      fillColor: #00FF00, 
      fillOpacity: 0.2, 
      strokeColor: #00FF00, 
      strokeOpacity: 0.4, 
      strokeWeight: 2, 
      radius: 18362.55489862987 
});