javascript - GoMap - 在隐藏的 div 中显示地图

Question

我正在使用 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>

Answer 1

你需要使用

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

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

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