javascript - 使用 Google Maps API 和 Fusion Tables 建立指向另一个页面的多边形链接

Question

我正在尝试弄清楚如何使由 Google Fusion 表创建的 Google map 多边形(整个多边形)成为指向不同页面的可点击链接。我原本想向多边形添加一个事件监听器并使用“this”，但我忘记了这行不通，因为我没有生成多边形，而是生成融合表。如果有人能指出我正确的方向或提供帮助，我将不胜感激!

到目前为止，我拥有的是融合表的正常代码:

var map;
var layer_1;

function initialize() {
  map = new google.maps.Map(document.getElementById('map-canvas'), {
    center: new google.maps.LatLng(33.205, -97.1325),
    zoom: 11,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });

  layer_1 = new google.maps.FusionTablesLayer({
    suppressInfoWindows: true,
    query: {
      select: "col0",

      from: "/*Fustion Table ID*/",

    },
    map: map,
    styleId: 2,
    templateId: 2
  });

}

google.maps.event.addDomListener(window, 'load', initialize);

我想我可以添加一个监听器，例如:

google.maps.event.addListener(polygon, 'click', function (event) {
     //Find the polygon's website URL
    });  

并使用它来触发页面重定向，例如

window.location.replace(...)

或多或少使多边形成为一个巨大的链接，但有人建议我不要这样做。

Answer 1

一个FusionTableLayer有一个FusionTablesMouseEvent ，其中包含表中该行的所有信息，位于其 row 属性中:

row | Object. | A collection of FusionTablesCell objects, indexed by column name, representing the contents of the table row which included the clicked feature.)

像这样使用它(确切的代码将取决于您尚未共享的表):

layer_1 = new google.maps.FusionTablesLayer({
    suppressInfoWindows: true,
    query: {
      select: "col0",

      from: "/*Fustion Table ID*/",

    },
    map: map,
    styleId: 2,
    templateId: 2
  });
google.maps.event.addListener(layer_1, 'click', function(evt) {
   // code to open the URL based on the data in that row of your fusion table
});