javascript - GoMap - 在隐藏的 div 中显示 map

Question

我正在使用 goMap jQuery 插件来显示我的 map ，并希望隐藏 map 并在单击时显示它。但是， map 显示不正确。

在另一个线程中，我发现我需要触发 google.maps.event.trigger(map, 'resize'); 来刷新 map ，但出于某种原因，这在我的代码。

谁能帮我解决这个问题？谢谢

<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>

Answer 1

你需要使用

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

我认为您需要在包含 map 的 div 完全显示后触发调整大小。

$('#map').slideToggle('slow', function() {
  google.maps.event.trigger($.goMap.map, 'resize');
});