Google Maps API v3 загружается только после обновления страницыJquery

Программирование на jquery
Ответить
Anonymous
 Google Maps API v3 загружается только после обновления страницы

Сообщение Anonymous »

Я работаю с API Карт Google для веб-страницы, над которой работаю. Моя проблема сейчас в том, что карта загружается именно так, как я хочу, но только после обновления страницы. Если я не обновлю страницу, я увижу только холст. Проблема остается, если я покидаю страницу и возвращаюсь к ней, поэтому возникает проблема с вызовом инициализации карты.
Код:

Код: Выделить всё

#map_canvas {
width: 670px;
height: 400px;
background-color: #CCC;
}



function initialize() {

var myLatLng = new google.maps.LatLng(31.247681, 121.449504);

var map_canvas = document.getElementById('map_canvas');

var map_options = {
center: new google.maps.LatLng(31.248195, 121.447431),
zoom: 16,
mapTypeControl: false,
panControl: false,
zoomControlOptions: {
position: google.maps.ControlPosition.LEFT_CENTER
},
streetViewControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}

var map = new google.maps.Map(map_canvas, map_options);

var contentString =
'Leung Gallery[/b]' +
'
50 Moganshan Rd. Building 7, Unit 108, Shanghai
' +
'
上海普陀区莫干山路50号7号楼108室
';

var infowindow = new google.maps.InfoWindow({
content: contentString
});

var marker = new google.maps.Marker({
position: myLatLng,
map: map,
});

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

google.maps.event.addListener(marker, 'click', function(){
infowindow.open(map,marker);
});

}

google.maps.event.addDomListener(window, 'load', initialize);
​
Просматривая предыдущие вопросы, я не нашел ничего, что точно соответствовало бы моей проблеме, но я видел несколько похожих ситуаций, связанных с google.maps.event.addDomListener(window, 'load', Initialize);, поэтому я думаю, что проблема может быть именно в этом. Любая помощь приветствуется.

Редактировать: меня указали в правильном направлении. Добавление $(document).bind("projectLoadComplete", Initialize); после google.maps.event.addDomListener(window, 'load', Initialize); устраняет проблему. Проблема заключалась в том, что страницы не полностью загружались при использовании навигации. Эта проблема, вероятно, является эксклюзивной для платформы Cargo Collective.

Подробнее здесь: https://stackoverflow.com/questions/196 ... ge-refresh
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»