Jquery GoogleMaps Api onclick show

时间:2013-12-16 12:08:13

标签: jquery css google-maps-api-3 responsive-design

我正在尝试隐藏并显示googlemaps api onclick但它似乎无法正常工作。 如果我删除此代码:

$('#map-canvas').hide();

$('#left p').click(function() {
    $('#map-canvas').show();
});

它工作正常。但是,如果我添加它,那么它只显示地图的一部分。而且,当我调整大小时,似乎并没有将它保持在分配的latlong上。

jsFiddle

1 个答案:

答案 0 :(得分:0)

您需要像这样重新初始化您的地图:

$('#map-canvas').hide();
  $('#left p').click(function(){
       $('#map-canvas').show();
       initialize();
  });

DEMO