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');
});

GoMap - 隐藏div中的地图显示

1 个答案: