2

私はそれを地図上に表示するGoogleライブラリ時間を使用しています。

私が抱えている問題は、表示される最初のウィンドウが非常に小さく、スクロールする必要があることです。このウィンドウのサイズを制御するにはどうすればよいですか？

次に、指定した座標の地図のみを表示し、必要な時間を最小限に抑えたいと思います。それ、どうやったら出来るの？

これはここにある私のコードです：

         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/ ソリューション？ありがとう！！！！！

4

1 に答える 1

1

デフォルトのinfoWindowのサイズを定義するオプションはありません。さらに、infoWindowのサイズはマップのサイズによって制限されており、大きくすることはできないため、マップを拡大する必要があります。

できること：デフォルトのinfoWindowをカスタムinfoWindowでオーバーライドし、コンテンツを独自に定義して、より小さなinfoWindowに収まるようにします。

カスタムinfoWindowのサンプルコード:(を含む変数を想定google.maps.Map）

    //create the weatherLayer
    var weatherLayer = new google.maps.weather.WeatherLayer({
      temperatureUnits: google.maps.weather.TemperatureUnit.FAHRENHEIT,
      clickable:true,
      suppressInfoWindows:true
    });

    //create InfoWondow-instance
    var weatherWindow=new google.maps.InfoWindow();

    //observe click-event
    google.maps.event.addListener(weatherLayer,'click',function(e){

      //hide infoindow
      weatherWindow.close();

      var content  = document.createElement('ul'),
          weather  = e.featureDetails.forecast,
          unit     = '°'+e.featureDetails.temperatureUnit.toUpperCase();

        //merge current weather and forecast
        weather.push(e.featureDetails.current);

        //create some content(here a short summary)
        for(var i = 0; i<weather.length; ++i){
          var item = content.appendChild(document.createElement('li'))
                      .appendChild(document.createTextNode(''))
              w    = weather[i];
              item.data='['+w.shortDay+']'+w.description+
                        '('+w.low+unit+'/'+w.high+unit+')';


        }
        //set content and position of the infoWindow
        weatherWindow.setOptions({position:e.latLng,content:content});
        //...and open the infowindow
         weatherWindow.open(map);
    });
    weatherLayer.setMap(map);

デモ： http： //jsfiddle.net/doktormolle/pnAyD/

于 2013-02-06T15:48:40.073 に答える