Задача выводить карту гугл со списком объектов по клику на ссылку.
Т.к. display:none с переключением в display:block с картами не работает (в силу, как я понимаю, особенностей рендеринга) использую следующую конструкцию:
- у div'а с картой заданы position:absolute; left:-10000px;
- при клике
$(document).ready(function(){
$('#show').click(function(){
$('#search-map').css({position:'relative', 'left':'0'});
var showmap = 1;
$.ajax({
type: "POST",
url: "../showmap/",
data: "cursub="+cursub+"&showmap="+showmap,
});
return false;
});
$('#hide').click(function(){
$('#search-map').css({position:'absolute', 'left':'-10000px'});
var showmap = 0;
$.ajax({
type: "POST",
url: "../showmap/",
data: "cursub="+cursub+"&showmap="+showmap,
});
return false;
});
});
Т.е. нажали на #show - показали карту и передали переменные с номером раздела сайта и параметром вкл/выкл карты в php-скрипт (это для того, чтобы запоминать включена или выключена карта в разделе), нажали на #hide - убрали карту и т.д. соответственно.
В Opera/FF/Safari/Chrome и IE9 работает корректно, в IE6-8 карта не отображается при нажатии на #show (хотя грузится).
В чем может быть дело?