Google Fusion地图上未显示任何信息窗口

时间:2012-04-13 08:43:46

标签: html css google-maps fusioncharts

我发布了Google Fusion桌子/地图。

https://www.google.com/fusiontables/DataSource?docid=1bQud-ZGrJK9yBwfdasIcbU1rwJ5W9ZE53RBAeLk

我的问题是,当查看嵌入了地图的html内的地图时,信息窗口不会出现问题。如您所见,该表完全暴露给所有用户。在我注意到这个问题之前,我将表格分享为“每个人都有链接”,并认为这是问题,但没有帮助将其更改为公开。

我的带嵌入式地图的HTML:

<html>
<head>
<style type="text/css">
#map_canvas {
    height: 700px;
    width: 380px;
    background: #000000;
    float:left;
 }
</style>

<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=true">
</script>

<script type="text/javascript">
  var layer;
  var map;
  var html;

  function initialize() {

    var latlng = new google.maps.LatLng(62.835089,17.556641);
    var myOptions = {
      zoom: 5,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    // Add län
    var lanLayer = new google.maps.FusionTablesLayer(667529);
    lanLayer.setMap(map);
  }

  function clearOverlays() {
    if (layer != null) {
        layer.setMap(null);
        layer = null;
    }
  }

  function setMapLayer(fusionTableId) {
    if (layer != null) {
        layer.setMap(null);
        layer = null;
    }

    layer = new google.maps.FusionTablesLayer(fusionTableId);
    layer.setMap(map);
  }

</script>
</head>
<body onload="initialize()" class="map">

  <div id="map_canvas"></div>

  <div class="LayerManager">
    <form>
        <input type="radio" onclick="setMapLayer(3357208)">Antal skuldsatta<br />
        <input type="radio" onclick="clearOverlays()" checked="true" >Bara länsgränser<br />
    </form>
  </div>

</body>
</html>

对于在init加载的图层,信息窗口很好,但不是单选按钮被加载时加载的图层。为什么呢?

1 个答案:

答案 0 :(得分:2)

使用正确的FusionTablesLayerOptions - 对象作为google.maps.FusionTablesLayer

的参数
layer = new google.maps.FusionTablesLayer({
      query: {
        select: 'Geocodable address',
        from: fusionTableId
      }
    });