Google maps 谷歌地图多边形命名

我能用下面的代码在谷歌地图上画出3个多边形区域

    var var_2 = [
    << latitude, longitudes>>.....            

    ];
    var boundary2 = new google.maps.Polygon({
        paths: var_2,
        geodesic: true,
        strokeColor: 'blue',
        strokeOpacity: 0.2,
        strokeWeight: 2,
        fillColor: 'blue',
        fillOpacity: 0.2
    });
    boundary2.setMap(map);
    boundary2.addListener('click', showArrays);
    infoWindow = new google.maps.InfoWindow;

    function showArrays(event) {
        var vertices = this.getPath();
        var contentString = 'AREA_1';
        infoWindow.setContent(contentString);
        infoWindow.setPosition(event.latLng);
        infoWindow.open(map);
    }

var_2=[
>.....            
];
var boundary2=新建google.maps.Polygon({
路径：var_2，
测地线：正确，
strokeColor:'蓝色'，
笔划不透明度：0.2，
冲程重量：2，
fillColor:'蓝色'，
填充不透明度：0.2
});
边界2.设置映射（map）；
boundary2.addListener（'单击'，显示数组）；
infoWindow=新建google.maps.infoWindow；
函数ShowArray（事件）{
var顶点=this.getPath（）；
var contentString='AREA_1'；
setContent（contentString）；
infoWindow.setPosition（event.latLng）；
打开（地图）；
}

但所有3个多边形都使用相同的名称“AREA_3”。请帮我修一下

---

-感谢最简单的解决方案：将“内容”添加为多边形的自定义属性，然后您可以在单击侦听器中访问它作为

此。内容
（假设
内容
是自定义属性：

function showArrays(event) {
    var vertices = this.getPath();
    infoWindow.setContent(this.content);
    infoWindow.setPosition(event.latLng);
    infoWindow.open(map);
}

var boundary3 = new google.maps.Polygon({
    paths: var_3,
    geodesic: true,
    strokeColor: 'blue',
    strokeOpacity: 0.2,
    strokeWeight: 2,
    fillColor: 'blue',
    fillOpacity: 0.2,
    content: "AREA_3"
});
boundary3.setMap(map);
boundary3.addListener('click', showArrays);



代码片段：


var地理编码器；
var映射；
函数初始化（）{
var map=new google.maps.map(
document.getElementById（“地图画布”）{
中心：新google.maps.LatLng（45.6，-40.4），
缩放：3，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
变量var_1=[
新的google.maps.LatLng（45.6，-40.4），
新的google.maps.LatLng（40.0，-40.4），
新google.maps.LatLng（45.6，-35.0）
]
var boundary1=新建google.maps.Polygon({
路径：var_1，
测地线：正确，
strokeColor:'蓝色'，
笔划不透明度：0.2，
冲程重量：2，
fillColor:'蓝色'，
填充不透明度：0.2，
内容：“区域1”
});
边界1.设置映射（map）；
boundary1.addListener（'单击'，显示数组）；
变量var_2=[
新google.maps.LatLng（59.677361，-2.469846），
新google.maps.LatLng（59.299717，-6.314917），
新google.maps.LatLng（57.877247，-9.314917），
新的google.maps.LatLng（54.428078，-11.638861），
新google.maps.LatLng（51.784554，-11.702241），
新google.maps.LatLng（50.185848，-10.054354），
新google.maps.LatLng（49.405380，-7.012100），
新的google.maps.LatLng（49.090675，-3.272664），
新的google.maps.LatLng（48.775970，-1.709283），
新google.maps.LatLng（49.757851，-2.089565），
新的google.maps.LatLng（50.714554,1.037195），
新的google.maps.LatLng（51.482437,2.304801），
新的google.maps.LatLng（53.433609,3.276632），
新google.maps.LatLng（55.863132,3.445646）
];
var boundary2=新建google.maps.Polygon({
路径：var_2，
测地线：正确，
strokeColor:'蓝色'，
笔划不透明度：0.2，
冲程重量：2，
fillColor:'蓝色'，
填充不透明度：0.2，
内容：“区域2”
});
边界2.设置映射（map）；
boundary2.addListener（'单击'，显示数组）；
var_3=[
新的google.maps.LatLng（25.774252，-80.190262），
新google.maps.LatLng（18.466465，-66.118292），
新google.maps.LatLng（32.321384，-64.757370），
新google.maps.LatLng（25.774252，-80.190262）
];
var boundary3=新建google.maps.Polygon({
路径：var_3，
测地线：正确，
strokeColor:'蓝色'，
笔划不透明度：0.2，
冲程重量：2，
fillColor:'蓝色'，
填充不透明度：0.2，
内容：“区域3”
});
边界3.设置映射（map）；
boundary3.addListener（'单击'，显示数组）；
infoWindow=新建google.maps.infoWindow；
函数ShowArray（事件）{
var顶点=this.getPath（）；
infoWindow.setContent（this.content）；
infoWindow.setPosition（event.latLng）；
打开（地图）；
}
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
html，
身体，
#地图画布{
身高：100%；
宽度：100%；
边际：0px；
填充：0px
}