0

li要素イベントからの特定のクリックがトリガーされたときに、Googleマップを含むビューを作成しています。初めてマップが正常に表示されます。結果は次のとおりです。

ここに画像の説明を入力 http://postimg.org/image/eolnn0411/

しかし、別の li 要素をクリックして新しいマップを作成すると、次のように表示されます。

ここに画像の説明を入力 http://postimg.org/image/576um203l/

ブラウザー ウィンドウのサイズを変更すると、その後マップが正常に表示されるという奇妙な動作に気付きました。

私は次のコードを使用しています：

var latlng = new google.maps.LatLng(coordinates[0], coordinates[1]);
var myOptions = {
            zoom: 16,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

var map;
map = new google.maps.Map(node, myOptions);

var marker = new google.maps.Marker({
            map: map,
            position: latlng
        });

編集: 関連記事はこちら、およびこちら。

編集 2: setInterval() を使用する回避策を使用すると、時々機能します。問題は、イベントの準備ができていないマップにあるようです。

4

1 に答える 1

0

Google マップ (v3) のサイズ変更イベントをトリガーしてみてください。 

google.maps.event.trigger(map, 'resize');

このフィドルは違いを見つけるのに役立ちます。

于 2013-06-28T13:52:37.250 に答える