ウィンドウの読み込み時にマップを初期化するのに苦労しています。問題は基本的にこの質問と同じですが、マップを作成するために jQuery をまだ使用していないため、そこに示されている解決策は私には当てはまりません。私のコードは次のとおりです。
function initialize() {
var mapOptions = {
zoom: 14,
center: new google.maps.LatLng(43.703918,-79.422789),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('location-canvas'),
mapOptions);
var marker = new google.maps.Marker({
map: map,
draggable: false,
position: new google.maps.LatLng(43.703918,-79.422789)
});
}
google.maps.event.addDomListener(window, 'resize', initialize);
google.maps.event.addDomListener(window, 'load', initialize);
ロードすると、マップが中心からずれて表示され、マップ タイルが欠落していますが、ウィンドウ サイズを 1 ピクセルでも調整すると、自動的に修正されます。
編集: 私はこの CSS/Javascript フレームワークを使用しています: nacodes.com/2013/04/23/Fullscreen-Layout-with-Page-Transitions 問題は、描画時にマップ div が正しくないことです。サイズ。フルサイズになると、画面のサイズを変更するとすぐに修正されます。しかし、最初のドローはグリッチです。私は午後を費やして、他の問題を引き起こさずに、CSS トランジション後にいつマップを再初期化するかを決定する良い方法があるかどうかを見つけようとしました。