google-maps-api-3 - 点击地图无法画圆

Question

谁能帮我找出我的代码有什么问题=>

google.maps.event.addListener(bigmap_rad, 'click', function(event) {
   if(document.getElementById('circle_radius').value==''){
       alert('Put a radius to draw the circle');
   }
   var lat=event.latLng.lat();          
   var lon=event.latLng.lng();
   var rad=document.getElementById('circle_radius').value;
   alert("radius"+rad+" "+lon+"  "+lat);
   var circleOptions={
       strokeColor: '#FF0000',
       strokeOpacity: 0.8,
       strokeWeight: 2,
       fillColor: '#FF0000',
       fillOpacity: 0.35,
       map: bigmap_rad,
       center: new google.maps.LatLng(lat,lon),
       radius: rad          
    };
    Circle = new google.maps.Circle(circleOptions);             
});

我需要点击地图，然后会出现一个带有所提供半径的圆圈。我正确地得到了那些 lat ， long 和 rad 警报并且地图出现了，但是那个具有提供半径的圆圈没有绘制在该地图上。请帮我。提前致谢。

Answer 1

半径应为 a Number，但表单字段的值始终是字符串。

您必须转换的类型rad：

radius: parseInt(rad,10)