断码-Fusion Tables Map

Question

I don't know why but the map canvas does not appear on the screen... I used the Fusion TablesLayer Wizard 2.0 to add a filter(a text-based search). 我不知道为什么，但是地图画布没有出现在屏幕上...我使用Fusion TablesLayer向导2.0添加了过滤器（基于文本的搜索）。 Maybe the problem is the IF... ELSE statement. 也许问题是IF ... ELSE语句。 Or some minor syntax mistake. 或一些次要的语法错误。 Please help! 请帮忙！

<!DOCTYPE html>
<html>
<head>
<style>
   #map-canvas { width:500px; height:400px; }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/apijs?sensor=false">     </script>
<script type="text/javascript">
   var map;
   var layer10;

   function initialize() {
   map = new google.maps.Map(document.getElementById('map-canvas'), {
   center: new google.maps.LatLng(-30.08870187538118, -51.16813659667969),
   zoom: 11,
   mapTypeId: google.maps.MapTypeId.ROADMAP
});
   layer10 = new google.maps.FusionTablesLayer({
     query: {
     select: "'ENDERECO_GOOGLE'",
     from: 3767057
     },
   map: map
   });
   }


//the function to activate filters   
   function changeMap10() {
   var searchString = document.getElementById('search-string-10').value.replace(/'/g, "\\'");
   var filter = document.getElementById('filter').value.replace(/'/g, "\\'");
   if (filter == "TURNO"){
     layer10.setOptions({
       query: {
       select: "'ENDERECO_GOOGLE'",
       from: 3767057,
       }  
     });
   } 
     layer10.setOptions({
       query: {
       select: "'ENDERECO_GOOGLE'",
       from: 3767057,
       where: "'TURNO'" = '" + searchString + "'"
       }  
     });
   else if (filter == "DIA_SEMANA"){
     layer10.setOptions({
       query: {
       select: "'ENDERECO_GOOGLE'",
       from: 3767057,
       }
     });
   }
     layer10.setOptions({
       query: {
       from: 3767057,
       where: "'DIA_SEMANA'" = '" + searchString + "'"
       }        
     }); 
   }
   google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
   <div id="map-canvas"></div>
   <div style="margin-top: 10px;">
   <label>Choose data!</label><input type="text" id="search-string-10">
   <input type="button" onclick="changeMap10()" value="Search">
</div>
</body>
</html>

Answer 1

your if/else statement is a little bit mixed up: you have code between the statements. 您的if / else语句有点混乱：语句之间有代码。 If I understood your code correct, you want to change the where clause of the query based on the search-string-10 input. 如果我正确理解了您的代码，则希望基于search-string-10输入更改查询的where子句。 I simplified your code: 我简化了您的代码：

function changeMap10() {
    var searchString = document.getElementById('search-string-10').value.replace(/'/g, "\\'");
    var filter = document.getElementById('filter').value.replace(/'/g, "\\'");
    var whereClause = '';
    if (filter == "TURNO") {
        whereClause = "'TURNO' = '" + searchString + "'";
    }
    else if (filter == "DIA_SEMANA") {
        whereClause = "'DIA_SEMANA' = '" + searchString + "'";
    }
    layer10.setOptions({
        query: {
            select: "'ENDERECO_GOOGLE'",
            from: 3767057,
            where: whereClause
        }
    });
}

I put your example on jsFiddle and made some modifications like adding the filter select-box or using contains ignoring case instead of = . 我将您的示例放在jsFiddle上，并进行了一些修改，例如添加过滤器选择框或使用contains ignoring case而不是= 。

断码-Fusion Tables Map

问题描述

1 个解决方案

解决方案1
0 已采纳 2012-05-10 08:32:42

断码-Fusion Tables Map

问题描述

1 个解决方案

解决方案1 0 已采纳 2012-05-10 08:32:42

解决方案1
0 已采纳 2012-05-10 08:32:42