Question

当我想在地图中画一个圆圈时，我有一个问题，但我找不到原因。请有人告诉我我的问题，由于我是新手使用这个平台，我的英语不是很好，所以这是我的代码。

    <!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
 <style type="text/css">  
    html { height: 100% }   
    body { height: 100%; margin: 0px; padding: 0px }  
    #map_canvas { height: 100% } 
 </style> 
<script type="text/javascript"   
 src="http://maps.google.com/maps/api/js?sensor=false"> 
 </script> 


</script>
<script type= "text/javascript">

    var map;  
    var latlng = new google.maps.LatLng(30.397, -100.644); 
    var marker = new google.maps.Circle({
        strokeColor: #200444,
        strokeOpacity: 0.8,
        strokeWeight: 2,
        fillColor: #2E6444,
        fillOpacity: 0.5,
        map: map,
        center: latlng,
        radius:20
    });
    function initialize() 
    {           
        var myOptions = {       
        zoom: 3,      
        center: latlng,       
        mapTypeId: google.maps.MapTypeId.ROADMAP    
       }     
        map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);  

    marker.setMap(map);
    } 


</script>
</head>
    <body onload="initialize()"> 
       <div id="map_canvas" style="width:500px; height:460px;"></div>  
</body>

Answer 1

strokeColor和fillColor需要是字符串：

strokeColor: "#200444",
fillColor: "#2E6444",

你的圆圈半径只有20米，如果你想看到它，你需要放大一点：
```
zoom: 15,      
```

working example

无法在谷歌地图中画圆圈？

1 个答案: