gmaps с fancybox не отображается правильно во второй раз - PullRequest
Новая
       3

gmaps с fancybox не отображается правильно во второй раз

0 голосов
/ 24 июня 2011

У меня действительно странное поведение, и я не могу понять, почему ... У меня есть ссылка на местоположение, которое я вызываю с помощью fancybox: 

  $(".location_modal").fancybox();

Код для отображения местоположения выглядит следующим образом: 

<div class="event_identifier">
  <div id="map_canvas" style="width:960px;height:500px;"></div>
</div>
<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {
    $("#map_canvas").gmap3();
  });
</script>

При первом нажатии на ссылку она отлично загружается: http://cl.ly/3X1h1j031W0S0b0t1A3K После того, как я закрываю fancybox и снова нажимаю на ту же ссылку, я получаю следующее: http://cl.ly/2J1B2G3W1L1i3i033v1X. Холст карты имеет тот же размер, но сама карта не отображается должным образом.

Я пробовал это без fancybox, и это, кажется, работает хорошо, поэтому я думаю, что это может быть своего рода конфликт.Я использую последнюю версию gmap3 (3.3), jquery 1.5.2 и fancybox 1.3.4.

Спасибо!

1 Ответ

0 голосов
/ 24 июня 2011

Карты Google, вероятно, смущаются тем фактом, что они сами создают и настраивают, а затем вы удаляете его, а при повторном создании он думает, что ему не нужно заново создавать себя из-за переменных, все еще находящихся в памяти.

Вместо этого попробуйте, как это делают многие, поместить карту в отдельный фрейм.

...