繪製多邊形，但它在中心繪製一條線

Question

我在地圖上繪製多邊形，但我遇到了麻煩，因爲它在中心繪製了一條線，如果我形成了正方形或任何形狀。我不知道是什麼讓我的多邊形繪製線條中央。

var map; 
    var count=0; 
    var polycolor = '#ED1B24'; 
    var polyarray=[]; 
function initialize() { 


      var initial = new google.maps.LatLng(53.199246241276875, -105.76864242553711); 

      var mapOptions = { 
       zoom: 16, 
       center: initial, 
       zoomControl: true, 
       zoomControlOptions: { 
        style: google.maps.ZoomControlStyle.LARGE 
       }, 
       mapTypeControl: false 
      }; 

      map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); 
    google.maps.event.addListener(map, 'click', function(e) { 
       polyarray[count]= e.latLng; 
       addPolygon(polyarray); 
       count++; 
      }); 


     } 

function addPolygon(path){ 

     var poly = new google.maps.Polygon({ 
       path: path, 
       strokeColor: polycolor, 
       strokeOpacity: 1.0, 
       strokeWeight: 2 
      }); 

      poly.setMap(map); 

     } 

     google.maps.event.addDomListener(window, 'load', initialize); 

，這裏是我的jsfiddle

my demo

Answer 1

沒有一條線下來的心，你是畫爲每次點擊一個新的多邊形。

使多邊形全球性的，更新路徑每次添加一個指向它時間：

var poly = new google.maps.Polygon({ 
      strokeColor: polycolor, 
      strokeOpacity: 1.0, 
      strokeWeight: 2 
    }); 

function addPolygon(path){ 
     poly.setPath(path);   
     poly.setMap(map); 
    } 

updated fiddle