Google天氣預報圖表

我正在使用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/ 解決方案？謝謝!!!!!

來源

2013-02-06 jcarlosweb

您的意思是「使用Google圖書館的時間在地圖上顯示它」，您的意思是天氣預報？ –

您是否在問如何更改顯示的地圖大小？ – geocodezip

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

沒有選項可以定義默認infoWindow的大小。此外，infoWindow的大小受到地圖大小的限制，因此它不能更大，因此您需要放大地圖。

你可以做什麼：覆蓋使用自定義的信息窗口的默認信息窗口，並定義內容你自己，所以它適合的成更小的信息窗口

示例代碼自定義信息窗口：（假設含有可變量的google.maps.Map）

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

來源

2013-02-06 15:48:40

非常感謝你是我所害怕的。你知道我怎麼能得到的圖像，例如：太陽和覆蓋默認窗口信息 – jcarlosweb

太陽/雲/無論在地圖上是不是圖像，是一個瓷磚的一部分，所以你不能讓他們作爲一個單個圖像（但您可以單擊它們，API將對點擊作出響應）。要獲取自定義infoWindows，將weatherlayer的'suppressInfoWindows'選項設置爲'true'並觀察weatherLayer的click事件。點擊發生時，傳遞給點擊回調的參數包含該位置的天氣特徵，您可以使用它們爲文檔中定義的infoWindow創建內容。 –

再次感謝真實，我只是不明白如何獲得馬賽克的那部分。如果沒有太多要問，你能舉個例子嗎？謝謝！！！ – jcarlosweb

Google天氣預報圖表

回答

相關問題