无法通过单击地图绘制圆圈

时间:2013-11-01 05:28:26

标签: google-maps-api-3

有人可以帮我找到我的代码有什么不对吗=>

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警报并且地图出现但是那个提供半径的圆圈没有绘制在该地图上。请帮我。提前谢谢。

1 个答案:

答案 0 :(得分:1)

半径预计为Number,但表单字段的值始终为字符串。

您必须转换rad的类型:

radius: parseInt(rad,10)