javascript - Google Map 多边形是否已编入索引/我如何引用它们的索引？

Question

下面是我添加到 map 的 3 个多边形的示例。我打算将点击事件包含在每个事件中；但是，我想输出每个多边形的一些元素，我可以引用这些元素并与其他数据(如描述、图像等)相关联。输出可以是每个形状的短标题(变量名)——这里是 e609、c815 , 和 c840- 或索引号 - 理想情况下是每个多边形之前的注释中给出的数字。

多边形是否按照它们进入 map 的顺序给出了索引号？如果是这样，我如何引用此数字以将其传递给另一个函数？或者，我如何传递短标题？

//0
var e609;
var e609_c = [
    //Latlng, cut for space.
];
e609 = new google.maps.Polygon({
    paths: e609_c,
    strokeOpacity: 0,
    fillColor: "#B1509E",
    fillOpacity: .4
});
e609.setMap(map);

//1
var c815;
var c815_c = [
    //Latlng, cut for space.
];
c815 = new google.maps.Polygon({
    paths: c815_c,
    strokeOpacity: 0,
    fillColor: "#B1509E",
    fillOpacity: .4
});
c815.setMap(map);

//2
var c840;
var c840_c = [
    //Latlng, cut for space.
];
c840 = new google.maps.Polygon({
    paths: c840_c,
    strokeOpacity: 0,
    fillColor: "#B1509E",
    fillOpacity: .4
});
c840.setMap(map);

Answer 1

您可以在对象创建中包含自定义字段来描述多边形，例如，我添加了 description 和 shortTitle。我不知道获取变量名的直接方法，所以它只是重复。尽管我不确定如何访问该信息，但应该在内部对多边形进行索引。使用您分配给新多边形的变量名称，您可以对其进行操作。

e609 = new google.maps.Polygon({
    description: "Polygon named e609",
    shortTitle: "e609",
    paths: e609_c,
    strokeOpacity: 0,
    fillColor: "#B1509E",
    fillOpacity: .8
});

添加点击监听器时，您需要通过它的变量名 (e609) 引用它，或者我会做的，制作一个多边形数组，比如 var myPolygons = [] 和 push e609 到这个数组中。然后您可以将其命名为 myPolygons[0]。或者，您可以使用对象通过短标题保存多边形，例如，myPolygons['e609']。

无论如何，下面是您可以如何使用在多边形定义中创建的字段。

google.maps.event.addListener(e609, 'click', function(event) {
  alert("Clicked on " + this.description + " short title " + this.shortTitle);
});