2013-04-02 3 views
0

У меня проблема, когда я хочу нарисовать круг на моей карте, но я не нахожу почему. Пожалуйста, кто-нибудь может сказать мне мою проблему, я буду использовать эту платформу, и мой английский не очень хорошо, так что это мой код.Невозможно нарисовать круг на картах Google?

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

ответ

1
  1. strokeColor и FillColor должны быть строками:

    strokeColor: "#200444", 
    fillColor: "#2E6444", 
    
  2. Радиус вашей окружности составляет всего 20 метров, вам нужно увеличить немного ближе, если вы хотите увидеть его :

    zoom: 15,  
    

working example

Смежные вопросы