谷歌地图在左上角

我想以100％的宽度显示谷歌地图。 但我遇到了这个问题。 它仅显示在左上角

View post on imgur.com

我也用jquery切换这个地图。 这是我的代码

function initialize() { var latitude = 48.3592727; var longitude = -2.6350914; var zoom = 8; var LatLng = new google.maps.LatLng(latitude, longitude); var mapOptions = { zoom: zoom, center: LatLng, panControl: false, zoomControl: false, scaleControl: true, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById('map-nos-agences'), mapOptions); google.maps.event.trigger(map, 'resize'); } $("#map-nos-agences").hide(); if($j("#map-nos-agences").length>0) { initialize(); } $("#hideshow").click(function(){ $("#map-nos-agences").toggle('slow'); }); 

当我没有切换它时，它会正确显示。 谢谢您的帮助 ！

Answer 1

尝试在地图idle事件上触发resize：

 google.maps.event.addListenerOnce(map, 'idle', function() { google.maps.event.trigger(map, 'resize'); });