0

これはコードです：

#map_canvas {
    height: 1000px;
    text-align: center;
}


                <div dojoType="dojox.mobile.ContentPane" style="overflow: auto;">

                    <div id="map_canvas"></div>
                    <!--  cambiare style  -->

                </div>

さまざまな css 属性を使用して中央に配置しようとしましたが、機能しません。パネル内のすべてのマップを中央に配置して拡大するにはどうすればよいですか?

ここに画像の説明を入力

4

2 に答える 2

0

マップのサイズを変更する必要があります。

これを試して

     var mapOptions = {
                    center: new google.maps.LatLng(43.653226, -79.3831843),
                        zoom: 14,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
    $('#map-canvas').fadeIn('slow', function() {
     google.maps.event.trigger(map, 'resize');

}

于 2013-08-01T10:00:13.320 に答える
0

アニッシュのコードは私のために働いています。(マイナーな修正: map-canvas -> map_canvas) マップはページの幅いっぱいに表示され、高さは 1000px です。

スクリーンショットを見ると、マップがウィンドウの幅いっぱいに表示されています。これは、マップ コントロールが画面の右上隅にずっとあることからわかります。しかし、何らかの理由で、マップはそれ自体を埋めるために必要なタイルを取得していません。これは通常、Google マップのサイズ変更イベントをトリガーせずにマップ コンテナーのサイズが変更された場合に発生します。Dojo パーサーが実行される前にマップを作成していますか? Anish のコードを dojoInit() の ready() 関数内に配置すると、マップが表示されるときにマップが画面いっぱいに表示されます。

使用可能なスペースを埋めるように Google マップのサイズを変更する (絶対的な高さと幅を使用しない) のは難しいですが、通常、問題は幅ではなく高さです。Worklight の Google マップに関する一連のブログ投稿をここに書きました: http://www.ibm.com/developerworks/community/blogs/dhuyvett

于 2013-08-01T21:41:10.173 に答える