在谷歌地图api中加载多边形

Question

我想实现喜欢用户可以从我们的html" target="_blank">应用程序在谷歌地图绘制一个区域。然后当他回来的时候，然后应该加载他/她以前画的数据。

我用了两种方法。一是,，

>

使用javascript在googlemap中绘制多边形

https://developers.google.com/maps/documentation/javascript/drawinglayer

使用谷歌地图api数据层<代码>http://jsfiddle.net/dg9e93qy/

从第一种方法，我可以允许用户拖动，并可以限制用户绘制多个多边形。但是我不能再次将多边形加载到这幅画中。但是我找到了一个可以加载多边形的地方。https://developers.google.com/maps/documentation/javascript/examples/polygon-simple.

但这是使用多边形实例来显示多边形，而不是绘图。

这里我需要另外两种解决方案。

>

是否应使用绘图将多边形数据加载到地图。

应该启用绘图选项使用多边形https://developers.google.com/maps/documentation/javascript/examples/polygon-simple

从第二种方法中，我可以得到坐标，并可以再次加载多边形。但是我不能从中得到多边形区域。（实际上我正在获取geoJson数据）

在这里，我无法获得绘制位置的区域。怎么做？

第一种方法或第二种方法的任何答案都是好的。

Answer 1

我已经做了另一种选择，创建了多边形，而不是在同一个图形管理器中加载。

绘图完成后，删除绘图管理器，然后创建多边形。然后有一个单独的按钮来从地图上删除多边形。

如果删除多边形，则从地图中删除多边形并重新创建图形管理器。

这解决了我的问题。

drawingManager.setMap(null);
                    bermudaTriangle = new google.maps.Polygon({
                        paths: polygonsArray,
                        strokeColor: '#FF0000',
                        strokeOpacity: 0.8,
                        strokeWeight: 2,
                        fillColor: '#FF0000',
                        fillOpacity: 0.35
                        //,editable: true
                    });
                    bermudaTriangle.setMap(map);