谷歌地图天气层在其他之上

时间:2013-11-13 20:37:27

标签: google-maps google-api google-fusion-tables

我有一个有两层的谷歌地图:

1 - 融合层

2 - 天气层

问题是,在出现融合的情况下,天气层不再可见。基本上,我想像css z-index属性一样,在顶部显示天气

我的代码到现在为止:

$(function() {
  window.table_id = "abc";

  window.map = new google.maps.Map(document.getElementById("map-canvas"), {
    center: new google.maps.LatLng(31.056091682584327, -96.01576748461912),
    zoom: 16,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });

  google.initializeWeather();
  return google.initializeFusion();
});

google.initializeFusion = function() {
  google.maps.visualRefresh = true;
  return window.fusionLayer = new google.maps.FusionTablesLayer({
    map: window.map,
    heatmap: {
      enabled: false
    },
    query: {
      select: "col2",
      from: "abc",
      where: ""
    },
    options: {
      styleId: 2,
      templateId: 2
    }
  });
};

google.initializeWeather = function() {
  var cloudLayer, weatherLayer;

  weatherLayer = new google.maps.weather.WeatherLayer({
    map: window.map,
    temperatureUnits: google.maps.weather.TemperatureUnit.FAHRENHEIT
  });

  cloudLayer = new google.maps.weather.CloudLayer();
  return cloudLayer.setMap(window.map);
};

谢谢你的时间!

2 个答案:

答案 0 :(得分:0)

您是否尝试在Fusion Tables图层后添加天气图层?

答案 1 :(得分:0)

当使用超过1个样式的fusiontables层时,我们要处理这个问题。什么有效1天可能不适用于下一个,它似乎在谷歌的最后。

您可以尝试在另一个之前初始化一个,或清除两个并将其中一个(背景)然后另一个(前景),但这似乎有其自身的问题。

这是一个问题,谷歌的Fusion Tables和Maps工作人员需要弄清楚,不幸的是我到目前为止还没有看到一个不错的解决方法。