Как показать div карт Google после его скрытия

Question

Как показать DIV из Google Maps после того, как я установил его Display:block.

, но после его показа я получаю карты Google, как на следующем изображении, изображение не отображается вцелый DIV

edit

У меня есть этот код div, который показывает карту

<div id="map"></div>

css

---

#map{
width:500px;
height:500px;
diaplay:none;
}

jquery

---

$("#button").click(function(){
   $("#map").show();
});

Answer 1

Распространенная проблема, это проблема неправильной установки ширины или высоты. Вы должны сказать это, чтобы перерисовать карту чем-то вроде этого

google.maps.event.trigger(map, 'resize')
map.setCenter(latlng);

хотя это будет зависеть от кода и используемой вами версии API

Answer 2

Инициализировать карту при нажатии, а не при запуске веб-страницы.

$("#button").click(function(){
   $("#map").show();
   // Start map here
});

Answer 3

diaplay:none;

должно быть

display:none;

, но я не уверен, вызывает ли это вашу проблему.