Google maps api 3 Google Fusion Tables映射由JS中的选择列表过滤

我正在尝试创建一个网站，使用选择列表将融合表中的数据过滤到谷歌地图上。我找不到通过JS查询传递变量的正确方法，或者至少找不到下拉列表值。有人能帮忙吗？ 这是我当前的代码…我希望地点、学校和价格变量在WHERE子句中。所以我想用select列表的值替换单词AVON

  <script>
    var map;

    function initialize() {
      var indy = new google.maps.LatLng(39.788945, -86.149937);
      var place = document.getElementById("citydrop").value;
      var schools = document.getElementById("schooldrop").value;
      var price = document.getElementById("pricedrop").value;
      map = new google.maps.Map(document.getElementById('map-canvas'), {
        center: indy,
        zoom: 10
      });

      var layer = new google.maps.FusionTablesLayer({
        query: {
          select: 'Address',
          from: '1DsfPFeKrW2pegZhfSRJmLqYrlJc0HLF3nZcK4kQ',
          where: "'CITY' = AVON"
        }
      });
      layer.setMap(map);
    }

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

</script>

---

另一个注意事项：citydrop、schooldrop和pricedrop是选择列表的ID。谢谢你的帮助

这里有几个问题。您的var位置、var学校、var价格需要是全局的，即在初始化{…}函数之外。把它们放在where-var映射下；是只是var价格等。您可以将它们的设置保留在原来的位置

替换：

where: "'CITY' = AVON"

与：

---

你有不止一所学校吗？如果是这样，语法可能会改变。首先让它与1一起工作，然后询问如何处理多个学校。我想它是包含的。

多个项目的语法在'item1'，'item2'中。另外，您可能想看看Derek Eder的可搜索地图模板，它提供了这种功能：如果您有多所学校，您可能会遇到请求uri过大的问题。牢记

where: "'CITY' = 'AVON' AND 'SCHOOLS' = '" + schools + "' AND 'PRICE' = '" + price + '";