Fatal编程技术网

Google fusion tables 融合表地图未显示

Google fusion tables 融合表地图未显示,google-fusion-tables,Google Fusion Tables,我将此代码保存为html文件，但无法可视化地图。我直接从FusionTablesLayer Wizard 2.0获取了代码。代码有问题吗？我认为它会“随时可用”。我需要帮助 <!DOCTYPE html> <html> <head> <style> #map-canvas { width:500px; height:400px; } </style> <script type="text/javascrip

我将此代码保存为html文件，但无法可视化地图。我直接从FusionTablesLayer Wizard 2.0获取了代码。代码有问题吗？我认为它会“随时可用”。我需要帮助

<!DOCTYPE html>
<html>
  <head>
  <style>
    #map-canvas { width:500px; height:400px; }
  </style>
  <script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=false">
  </script>
  <script type="text/javascript">
    var map;
    var layerl0;
    function initialize() {
      map = new google.maps.Map(document.getElementById('map-canvas'), {
        center: new google.maps.LatLng(0, 0),
        zoom: 1,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });
      layerl0 = new google.maps.FusionTablesLayer({
        query: {
          select: "'geometry'",
      from: 1x46BzbRzLVz2S4_ml5Nx4oto2930DFrH39TM3uc
    },
    map: map
  });
}
function changeMapl0() {
  var searchString = document.getElementById('search-string-l0').value.replace(/'/g, "\\'");
  layerl0.setOptions({
    query: {
      select: "'geometry'",
      from: 1x46BzbRzLVz2S4_ml5Nx4oto2930DFrH39TM3uc,
      where: "'NOME' = '" + searchString + "'"
    }
  });
}
google.maps.event.addDomListener(window, 'load', initialize);
  </script>
  </head>
  <body>
    <div id="map-canvas"></div>
    <div style="margin-top: 10px;">
      <label>Escolha a cidade</label>
      <select id="search-string-l0" onchange="changeMapl0(this.value);">
        <option value="">--Select--</option>
    <option value="ALVORADA">ALVORADA</option>
    <option value="ARARICA">ARARICA</option>
    <option value="ARROIO DOS RATOS">ARROIO DOS RATOS</option>
    <option value="CACHOEIRINHA">CACHOEIRINHA</option>
    <option value="CAMPO BOM">CAMPO BOM</option>
    <option value="CANOAS">CANOAS</option>
    <option value="CAPELA DE SANTANA">CAPELA DE SANTANA</option>
    <option value="CHARQUEADAS">CHARQUEADAS</option>
    <option value="DOIS IRMAOS">DOIS IRMAOS</option>
    <option value="ELDORADO DO SUL">ELDORADO DO SUL</option>
    <option value="ESTANCIA VELHA">ESTANCIA VELHA</option>
    <option value="ESTEIO">ESTEIO</option>
    <option value="GLORINHA">GLORINHA</option>
    <option value="GRAVATAI">GRAVATAI</option>
    <option value="GUAIBA">GUAIBA</option>
    <option value="IVOTI">IVOTI</option>
    <option value="MONTENEGRO">MONTENEGRO</option>
    <option value="NOVA HARTZ">NOVA HARTZ</option>
    <option value="NOVA SANTA RITA">NOVA SANTA RITA</option>
    <option value="NOVO HAMBURGO">NOVO HAMBURGO</option>
    <option value="PAROBE">PAROBE</option>
    <option value="PORTAO">PORTAO</option>
    <option value="PORTO ALEGRE">PORTO ALEGRE</option>
    <option value="ROLANTE">ROLANTE</option>
    <option value="SANTO ANTONIO DA PATRULHA">SANTO ANTONIO DA PATRULHA</option>
    <option value="SAO JERONIMO">SAO JERONIMO</option>
    <option value="SAO LEOPOLDO">SAO LEOPOLDO</option>
    <option value="SAPIRANGA">SAPIRANGA</option>
    <option value="SAPUCAIA DO SUL">SAPUCAIA DO SUL</option>
    <option value="TAQUARA">TAQUARA</option>
    <option value="TRIUNFO">TRIUNFO</option>
    <option value="VIAMAO">VIAMAO</option>
  </select>
</div>
  </body>
  </html>
唯一缺少的是编码表ID周围的引号：-

函数初始化{ map=new google.maps.Mapdocument.getElementById'map-canvas'{ 中心：新的google.maps.LatLng0，0， 缩放：1， mapTypeId:google.maps.mapTypeId.ROADMAP }; layerl0=新建google.maps.FusionTablesLayer{ 查询：{ 选择“几何体”， 发件人：1x46bzbrzlvz2s4ml5nx4oto2930dfrh39tm3uc }, 地图：地图 }; } 函数changeMapl0{ var searchString=document.getElementById'search-string-l0'.value.replace/'/g，\\'； layerl0.setOptions{ 查询：{ 选择“几何体”， 发件人：1X46BZBRZLVZ2S4ml5NX4OTO2930DFRH39TM3UC， 其中：'NOME'='+searchString+' } }; }
我把你的代码放在上面。

我的理解是，加密的文档id只适用于Fusion Table API，而不适用于Fusion Table层的GMaps API。通过FT UI访问您的表格，然后选择文件->关于，它将显示加密Id和数字Id。尝试使用数字Id而不是加密Id：

layerl0 = new google.maps.FusionTablesLayer({
        query: {
          select: "'geometry'",
      from: 1x46BzbRzLVz2S4_ml5Nx4oto2930DFrH39TM3uc  // change this to numeric id
    },
这应该是可行的，但我认为如果你在其他地方使用encid，也就是说，如果你使用Fusion Tables API和GMaps API，那么切换到encid是有意义的。谢谢。我没有意识到地图API中支持encid