0

当我想在我的地图上画一个圆圈时遇到问题，但我不知道为什么。请有人可以告诉我我的问题，因为我是使用这个平台的新手，我的英语不是很好，所以这是我的代码。

    <!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>
4

1 回答 1

1

  1. strokeColor 和 fillColor 需要是字符串：

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

  2. 你的圆的半径只有20米，如果你想看到它，你需要放大一点：

    zoom: 15,

工作示例

于 2013-04-02T05:41:03.607 回答