javascript - Google Fusion Table 更改单个标记类型

Question

我有一个简单的问题要问熟悉 Google Fusion Tables 的人。基本上，我希望用户能够通过间接更改与标记样式类型对应的数字列来更改 map 上的标记样式。

具体来说，我目前有一个包含大约 7000 个地址的 Fusion Table 和相应的 map 。我想知道是否有 FROM THE MAP 改变标记类型。这是我目前的配置方式:我在融合表中有一列将标记类型划分为绘制不同标记类型的“桶”。现在它们都是红色圆圈，当我访问每个位置时，我想单独更改标记类型(因此在表中我会将 1(对应于红色)更改为 3(对应于绿色))以便我知道我去过哪些房子。但是向下滚动 7000 点的融合表并将 1 更改为 3 是不可行的，所以我想知道是否可以直接在 map 上更改它，无论是从网页上的 map 还是在 FUSION TABLE 内的 map 上谷歌。

先谢谢你，大卫

Answer 1

如果页面上有融合表派生 map ，您可以在信息窗口中添加一个按钮来更新融合表中的值 - 这样您就可以将值从 1 更改为 3。更进一步您可以为 map 标记本身的点击添加一个监听器并更改值。

更新值(特别是如果您是表的所有者)很简单(https://developers.google.com/fusiontables/docs/v1/using#updateRow 或 https://developers.google.com/fusiontables/docs/v1/sql-reference#updateRow)并且基本上是使用 HTTP 调用请求的相当标准的 sql 操作形式。

UPDATE <table_id>
SET <column_name> = <value> {, <column_name> = <value> }*
WHERE ROWID = <row_id>

将监听器添加到标记以弹出带有更新按钮的信息窗口也很简单:

https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

// This example displays a marker at the center of Australia.
// When the user clicks the marker, an info window opens.

function initialize() {
  var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
  var mapOptions = {
    zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var contentString = '<div id="content">'+
      '<div id="siteNotice">'+
      'button that call some ajax to fire off a column update' +
      '</div>';

  var infowindow = new google.maps.InfoWindow({
      content: contentString
  });

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Uluru (Ayers Rock)'
  });
  google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });
}

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