Javascript 如何在另一个多边形上绘制一个多边形

我是google maps api新手，我正在尝试使用google maps api绘制多边形，我想显示多边形的项目以及上面（内部）的项目多边形允许绘制建筑多边形

我正在尝试在导入新的geoJSON数据和创建新对象之前清除所有多边形对象。我似乎无法使setMap（null）函数正常工作。希望有人能让我知道我在哪里失败。

[{“资料来源”：“项目”，“latlng”：[{“lat”：“12.940573081014005”，“lng”：“77.62384235858917”}，{“lat”：“12.940656731834343”，“lng”：“77.6262509828455”}，{“lat”：“12.939532671591135”，“lng”：“77.6263153553009”}，{“lat”：“12.939564040782932”，“lng”：“77.62391209602356”}]
[{“资料来源”：“项目”，“latlng”：[{“lat”：“12.940573081014005”，“lng”：“77.62384235858917”}，{“lat”：“12.940656731834343”，“lng”：“77.6262509828455”}，{“lat”：“12.939532671591135”，“lng”：“77.6263153553009”}，{“lat”：“12.939564040782932”，“lng”：“77.62391209602356”}]
$（函数（）{
initMap（）；
});
函数initMap（）
{
var=[]；
变量坐标=[]；
var标记=[]；
var latt=$（'#autocompleteLat'）.val（）；
var lngg=$（'#autocompleteLng'）.val（）；
var amsterdam=newgoogle.maps.LatLng（latt，lngg）；
var zoom_level=parseInt（$（'zoom_level'）.val（）；
var map=new google.maps.map（document.getElementById（'init_-map'），{center:amsterdam，zoom:zoom_-level，mapTypeId:google.maps.mapTypeId.SATELLITE}）；
drawSecondPolygon（）；
函数drawSecondPolygon（）
{
google.maps.event.trigger（映射“刷新”）；
var data=$（'#xml_值'）.val（）；
var jsonData=JSON.parse（数据）；
var=[]；
console.log（“polygon length=“+polygons.length”）；
对于（var i=0；i对于（j=0；j第一次查看时，您在drawSecondPolygon函数中重新声明了
var polygons=[]；
，这将覆盖initMap中声明的相同变量的内容

注释这一行。这样您就可以始终使用父多边形数组

function drawSecondPolygon()
{
   google.maps.event.trigger(map, 'refresh');
   var data =$('#xml_values').val();
   var jsonData = JSON.parse(data);
   //var polygons = [];

function drawSecondPolygon()
{
   google.maps.event.trigger(map, 'refresh');
   var data =$('#xml_values').val();
   var jsonData = JSON.parse(data);
   //var polygons = [];