Google maps api 3 Google Map V3 API js中的圆形覆盖

我试图在谷歌地图上插入这个圆圈，通过在标题中包含以下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);

---

如果有人能指出我哪里出了问题，请…

不要调用setRadius，只需将radius指定为圆选项的参数即可。另外，假设已经创建了一个与圆心坐标相同的latlng对象，只需重复使用它即可

 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
 });

---

不要调用setRadius，只需将半径指定为圆选项的参数。另外，假设已经创建了一个与圆心坐标相同的latlng对象，只需重复使用它即可

 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
 });

---

尝试将侦听器代码更改为：

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

---

下面是一个工作示例：

尝试将侦听器代码更改为：

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

---

下面是一个工作示例：

谢谢，这显然是可行的，但是它仍然不会使用相同的代码加载到我的wordpress网站上，可能有js冲突？我想可能是冲突。我根本没有和Wordpress合作过。您可能想用相关代码问一个单独的问题。这是错误的答案，它的作用是立即运行初始化，整行代码可能会减少到

initialize（）

-为什么它会工作，可能是代码已经在加载事件中。正确的方法是不使用括号，就像以前一样，并且在中。谢谢，这显然有效，但是它仍然不会使用相同的代码加载到我的wordpress网站上，可能有js冲突？我猜可能是冲突。我根本没有和Wordpress合作过。您可能想用相关代码问一个单独的问题。这是错误的答案，它的作用是立即运行初始化，整行代码可能会减少到

initialize（）

-为什么它会工作，可能是代码已经在加载事件中。正确的方法是不使用括号，就像它过去一样，现在是。