Google maps 未显示结果列表（google fusion tables模板derek）

我试图用德里克制作的模板制作一张可搜索的地图

我什么都试过了，但不知怎么的，我没能把结果列表显示出来。Div可见，但没有结果。希望有人能帮助我。我接着说：

这是索引的一部分

<a class='btn btn-primary' id='search' href='#'>
          <i class='glyphicon glyphicon-search'></i>
          Zoeken
        </a>
        <a class='btn btn-default' id='reset' href='#'>
          <i class='glyphicon glyphicon-repeat'></i>
          Reset
        </a>
      </div>
      <div class='alert alert-info' id='result_box' ><strong id='result_count'></strong></div>
       <div class='well'> <div id='results_list'></div> </div>
    </div>
    <div class='col-md-8'>
      <noscript>
        <div class='alert alert-info'>
          <h4>Your JavaScript is disabled</h4>
          <p>Please enable JavaScript to view the map.</p>
        </div>
      </noscript>
      <div id='map_canvas'></div>

这是：

    getCount: function(whereClause) {
    var selectColumns = "Count()";
    MapsLib.query(selectColumns, whereClause, "", "", "MapsLib.displaySearchCount");
  },

  displaySearchCount: function(json) {
    MapsLib.handleError(json);
    var numRows = 0;
    if (json["rows"] != null)
      numRows = json["rows"][0];

    var name = MapsLib.recordNamePlural;
    if (numRows == 1)
    name = MapsLib.recordName;
    $( "#result_box" ).fadeOut(function() {
        $( "#result_count" ).html(MapsLib.addCommas(numRows) + " " + name + " gevonden");
      });
    $( "#result_box" ).fadeIn();
  },

getList: function(whereClause) {
  var selectColumns = "Achternaam, Adres, Postcode, Woonplaats";
  MapsLib.query(selectColumns, whereClause, "MapsLib.displayList");
},

displayList: function(json) {
  MapsLib.handleError(json);
  var data = json["rows"];
  var template = "";

  var results = $("#results_list");
  results.hide().empty(); //hide the existing list and empty it out first

  if (data == null) {
    //clear results list
    results.append("<li><span class='lead'>No results found</span></li>");
  }
  else {
    for (var row in data) {
      template = "\
        <div class='row-fluid item-list'>\
          <div class='span12'>\
            <strong>" + data[row][0] + "</strong>\
            <br />\
            " + data[row][1] + "\
            <br />\
            " + data[row][2] + "\
            <br />\
            " + data[row][3] + "\
          </div>\
        </div>"
      results.append(template);
    }
  }
  results.fadeIn();
},

getCount:function（where子句）{
var selectColumns=“Count（）”；
查询（selectColumns，whereClause，“，”，“MapsLib.displaySearchCount”）；
},
displaySearchCount:函数（json）{
handleError（json）；
var numRows=0；
如果（json[“行”]！=null）
numRows=json[“行”][0]；
var name=MapsLib.recordnamemultral；
如果（numRows==1）
name=MapsLib.recordName；
$（“#结果框”）.fadeOut（函数（）{
$（“#结果#计数”）.html（MapsLib.addCommas（numRows）+“+name+”gevonden）；
});
$（“#结果框”）.fadeIn（）；
},
getList:函数（where子句）{
var selectColumns=“Achternaam，Adres，Postcode，Woonplaats”；
MapsLib.query（selectColumns，where子句，“MapsLib.displayList”）；
},
显示列表：函数（json）{
handleError（json）；
var data=json[“行”]；
var模板=”；
var结果=$（“#结果列表”）；
results.hide（）.empty（）；//隐藏现有列表并首先将其清空
如果（数据==null）{
//清除结果列表
结果。追加（“
未找到结果”
”；
}
否则{
for（数据中的var行）{
模板=”\
\
\
“+数据[行][0]+”\

\
“+数据[行][1]+”\

\
“+数据[行][2]+”\

\
“+数据[行][3]+”\
\
"
结果：追加（模板）；
}
}
结果：fadeIn（）；
},

问题似乎出在这个函数中：

getList: function(whereClause) {
  var selectColumns = "Achternaam, Adres, Postcode, Woonplaats";
  MapsLib.query(selectColumns, whereClause, "MapsLib.displayList");
},

我认为应该这样表述：

getList: function(whereClause) {
  var selectColumns = "Achternaam, Adres, Postcode, Woonplaats ";
  MapsLib.query(selectColumns, whereClause, "", "", "MapsLib.displayList");
}, 

---

我不知道你是否还在寻找这个问题的答案，但也许其他人正在浏览这些主题。 使用Derek的绝妙模板- 下面是我用来在主（索引）页面上创建容器框的代码

最后，这里是我在“displaySearchCount”函数之后添加到“maps_lib.js”文件的代码。 //显示结果功能----------------------------------------------------------------------------------------

MapsLib.prototype.getList = function(whereClause) {
    var self = this;
    var selectColumns = 'Column1, Column2, Column3, Column4, Column5';

    self.query({ 
      select: selectColumns, 
      where: whereClause 
    }, function(response) { 
      self.displayList(response);
     });


  },

  MapsLib.prototype.displayList = function(json) {
    var self = this;

    var data = json['rows'];
    var template = '';

    var results = $('#results_list');
    results.hide().empty(); //hide the existing list and empty it out first

    if (data == null) {
      //clear results list
      results.append("<li><span class='lead'>No results found</span></li>");
    }
    else {
      for (var row in data) {
        template = "\
          <div class='row-fluid item-list'>\
            <div class='span12'>\
              <strong>" + data[row][0] + "</strong>\
              <br />\
              " + data[row][1] + "\
              <br />\
              " + data[row][2] + "\
              <br />\
              " + data[row][3] + "\
               <br />\
              " + data[row][4] + "<br>\
            </div>\
          </div>";
        results.append(template);
      }
    }
    results.fadeIn();
  },

MapsLib.prototype.getList=函数（whereClause）{
var self=这个；
var selectColumns='Column1、Column2、Column3、Column4、Column5'；
self.query（{
选择：选择列，
where:where条款
}，函数（响应）{
自显示列表（响应）；
});
},
MapsLib.prototype.displayList=函数（json）{
var self=这个；
var data=json['rows']；
var模板=“”；
var结果=$（“#结果列表”）；
results.hide（）.empty（）；//隐藏现有列表并首先将其清空
如果（数据==null）{
//清除结果列表
结果。追加（“
未找到结果”
”；
}
否则{
for（数据中的var行）{
模板=”\
\
\
“+数据[行][0]+”\

\
“+数据[行][1]+”\

\
“+数据[行][2]+”\

\
“+数据[行][3]+”\

\
“+数据[行][4]+”
\
\
";
结果：追加（模板）；
}
}
结果：fadeIn（）；
},

希望这对别人有帮助

<div class='well'>
  <div class="scrollr" id='results_list'></div>
</div>

.scrollr {
    height: 400px;
    overflow: scroll;
    border-style: solid;
    border-color: darkgray;
    background-color: lightgray;
}

MapsLib.prototype.getList = function(whereClause) {
    var self = this;
    var selectColumns = 'Column1, Column2, Column3, Column4, Column5';

    self.query({ 
      select: selectColumns, 
      where: whereClause 
    }, function(response) { 
      self.displayList(response);
     });


  },

  MapsLib.prototype.displayList = function(json) {
    var self = this;

    var data = json['rows'];
    var template = '';

    var results = $('#results_list');
    results.hide().empty(); //hide the existing list and empty it out first

    if (data == null) {
      //clear results list
      results.append("<li><span class='lead'>No results found</span></li>");
    }
    else {
      for (var row in data) {
        template = "\
          <div class='row-fluid item-list'>\
            <div class='span12'>\
              <strong>" + data[row][0] + "</strong>\
              <br />\
              " + data[row][1] + "\
              <br />\
              " + data[row][2] + "\
              <br />\
              " + data[row][3] + "\
               <br />\
              " + data[row][4] + "<br>\
            </div>\
          </div>";
        results.append(template);
      }
    }
    results.fadeIn();
  },