Я сомневаюсь что это поможет, но всё же попробовать можно
Загрузка карты
<body onload="initialize()">
В процессе визуализации HTML-страницы формируется модель объекта документа (DOM), принимаются все внешние изображения и скрипты, и встраиваются в объект document. Чтобы карта помещалась на страницу только после полной загрузки последней, достаточно выполнить функцию, создающую объект Map незамедлительно после получения события onload элементом <body> HTML-страницы. Такой прием позволяет избежать непредсказуемого поведения и расширить возможности управления процессом и моментом построения карты.
Попробуй вынести скрипт на отдельную страницу, на пустую.
Попробуй загрузить карты на пустую страницу, а не в лайтбокс.
Есть вероятность, что это бага новых карт, они же недавно обновились.
Либо жди
у моря погоды спецов в этой сфере.
Ещё вариант написать в поддержку.
О, мне кажется или ты реально накосячил?
jQuery(function($){
var $overlay = $('.overlay'),
resize = true,
map;
function initialize() {
var myLatlng = new google.maps.LatLng(59.965051,30.288821);
var mapOptions = {
zoom:15,
center: myLatlng
}
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
// To add the marker to the map, use the 'map' property
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Hello World!"
});
}
Зачем обернул в jQ функцию?
$('#show').click(function(){
$overlay.show();
if ( resize ){
google.maps.event.trigger(map, 'resize');
resize = false;
}
});
Зачем делать ресайз? Не проще её после вызывать?