1

マップを表示するために goMap jQuery プラグインを使用していますが、マップを非表示にしてクリック時に表示したいと考えています。ただし、地図が正しく表示されません。

別のスレッドで、マップを更新するために起動する必要があることがわかりましgoogle.maps.event.trigger(map, 'resize');たが、何らかの理由でこれが私のコードでは機能しません。

誰でもこれで私を助けることができますか？ありがとう

<a class="showmap" href="#">Show map</a>
<div id="map" style="height: 400px; width: 400px;"> </div>

<script type="text/javascript">
$(function() {
    $("#map").goMap({
        latitude: 56.948813,
        longitude: 24.104004,
        zoom: 6
    });
});

$(document).ready(function() {
    $("#map").hide();
    $('.showmap').click(function() {
        $("#map").slideToggle();
        google.maps.event.trigger($.goMap.mapId, 'resize');
    });
});
</script>
4

1 に答える 1

4

使用する必要があります

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

マップを含む div が完全に表示された後、サイズ変更をトリガーする必要があると思います。

$('#map').slideToggle('slow', function() {
  google.maps.event.trigger($.goMap.map, 'resize');
});
于 2012-06-06T12:03:53.070 に答える