無法在Google地圖上顯示多邊形

我試圖使用Chrome和JSLint在4天內調試此代碼，沒有任何希望。我的代碼應該顯示在谷歌地圖2個區域，由他們RegionID無法在Google地圖上顯示多邊形

我的HTML分離

<body> 
    <div id="map_canvas" style="width: 100%; height: 100%;"></div>    

<script type="text/javascript" 
    src="https://maps.googleapis.com/maps/api/js?sensor=false&region=vi&language=vi"> 
</script> 
<script type="text/javascript" src="jquery-1.9.1.min.js"></script> 
<script type="text/javascript"> 
    var map; 

    function initialize() { 
     var mapOptions = { 
      center: new google.maps.LatLng(10.79, 826.694), 
      zoom: 13, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map(document.getElementById("map_canvas"), 
      mapOptions); 
    } 
</script> 

<script type="text/javascript"> 
    $(document).ready(function() {   
     initialize(); 
     var model = [{"ID":946,"Latitude":10.7654200827348,"Longitude":106.681716282384,"RegionID":80},{"ID":947,"Latitude":10.7563117596896,"Longitude":106.685397072824,"RegionID":80},{"ID":948,"Latitude":10.7537788369752,"Longitude":106.68713674361,"RegionID":80}, 
{"ID":1271,"Latitude":10.8577143149377,"Longitude":106.657884916756,"RegionID":82},{"ID":1272,"Latitude":10.8576257110992,"Longitude":106.657710314914,"RegionID":82},{"ID":1273,"Latitude":10.8575762617472,"Longitude":106.657500586099,"RegionID":82},{"ID":1274,"Latitude":10.8575794962578,"Longitude":106.657309632748,"RegionID":82},{"ID":1275,"Latitude":10.8576187762307,"Longitude":106.65709567219,"RegionID":82}]  
     polygon(model);   
    }); 
</script>

這裏是我的polygon功能

// Take an array of objects that have lat and lon attribute 
function polygon(polygonCoords) {  
    // Initialize  
    // First dimension 
    var id = polygonCoords[0].RegionID; 
    var long; 
    var lat; 
    var region = new Array(); 
    for (var i = 0; i < polygonCoords.length; i++) { 
     if ((id != polygonCoords[i].RegionID) || (i == polygonCoords.length - 1)) { 
      // Draw polygon 
      // Set path to a polygon along with polygon's option     

      var regionPolygon = new google.maps.Polygon({ 
       paths: region, 
       fillColor: "#0000A0",     
       editable: false,     
      }); 


      // Set to map 
      regionPolygon.setMap(map); 

      // Reset stuffs 
      region.length = 0; 
      id = polygonCoords[i].RegionID; 
     } 
     long = polygonCoords[i].Longitude; 
     lat = polygonCoords[i].Latitude; 
     region.push(new google.maps.LatLng(lat, long)); 
    } 
}

我所收到的只是一個沒有任何多邊形的Google Map。我嘗試刪除for循環，並通過一個變量推到region數組，然後再次運行。這是荒謬的，但這是我在4天后發現的。謝謝

來源

2013-04-20 Minh Triet

我不能告訴你發生了什麼存在，但它爲我工作，當我更換

region.length=0;

與

region=[];

來源

2013-04-20 17:14:43

最多投票和接受它無法表達我的感激之情，好醫生。 – 2013-04-21 16:28:33

無法在Google地圖上顯示多邊形

回答

相關問題