2013-02-06 75 views
2

我正在使用Google图书馆时间在地图上显示它。Google天气预报图表

我遇到的问题是显示的第一个窗口非常小,必须滚动。 如何控制此窗口的大小?

其次,我只想显示我给出的坐标的地图,并向我展示我想要的最少时间。我怎么做?

这是我在here代码:

  function generartiempo(36.745,-3.87665,'mapatiempo') { 
      var mapOptions = { 
      zoom: 11, 
      center: new google.maps.LatLng(lat,lng,true), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var infowindow = new google.maps.InfoWindow(); 
     var map = new google.maps.Map(document.getElementById('mapatiempo'), 
      mapOptions); 

     var weatherLayer = new google.maps.weather.WeatherLayer({ 
      temperatureUnits: google.maps.weather.TemperatureUnit.CELSIUS, 
      windSpeedUnit: google.maps.weather.WindSpeedUnit.KILOMETERS_PER_HOUR 
     }); 


     weatherLayer.setMap(weatherLayer.getMap() ? null : map); 

     var cloudLayer = new google.maps.weather.CloudLayer(); 
     cloudLayer.setMap(map); 

    } 
<div id="mapatiempo"></div> 
#mapatiempo { 
width: 268px; 
height: 200px; 
border: 1px solid #AAAAA8; 
margin-bottom: 5px; 
margin-top: 15px; 
} 

谁能帮助? 编辑示例:http://jsfiddle.net/webyseo/YW2K7/12/ 解决方案? 谢谢!!!!!

+0

您的意思是“使用Google图书馆的时间在地图上显示它”,您的意思是天气预报? –

+0

您是否在问如何更改显示的地图大小? – geocodezip

+0

如果我使用此文档https://developers.google.com/maps/documentation/javascript/layers# WeatherLayer – jcarlosweb

回答

0

没有选项可以定义默认infoWindow的大小。此外,infoWindow的大小受到地图大小的限制,因此它不能更大,因此您需要放大地图。

你可以做什么:覆盖使用自定义的信息窗口的默认信息窗口,并定义内容你自己,所以它适合的成更小的信息窗口


示例代码自定义信息窗口:(假设含有可变量的google.maps.Map


演示:http://jsfiddle.net/doktormolle/pnAyD/

+0

非常感谢你是我所害怕的。 你知道我怎么能得到的图像,例如:太阳和覆盖默认窗口信息 – jcarlosweb

+0

太阳/云/无论在地图上是不是图像,是一个瓷砖的一部分,所以你不能让他们作为一个单个图像(但您可以单击它们,API将对点击作出响应)。要获取自定义infoWindows,将weatherlayer的'suppressInfoWindows'选项设置为'true'并观察weatherLayer的click事件。点击发生时,传递给点击回调的参数包含该位置的天气特征,您可以使用它们为文档中定义的infoWindow创建内容。 –

+0

再次感谢真实,我只是不明白如何获得马赛克的那部分。如果没有太多要问,你能举个例子吗?谢谢!!! – jcarlosweb