绘制多边形，但它在中心绘制一条线

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