Перезагрузка google map

Question

У меня есть 3 разных карты google на моем сайте, один для просмотра на рабочем столе, планшетах и ​​мобильных устройствах, когда я изменяю размер моего браузера, который люди могут сделать, новый указатель карты, который теперь изменил размер, не в порядке место, пока я не обновите страницу, я хочу просто перезагрузить IFRAME, им очень новой для яваскрипт и попытался это, но его неимущими работает

<script type="text/javascript"> 
      if($(window).width() == 985){ 

       document.getElementById('map-desk').contentWindow.location.reload(true); 
      } 

      if($(window).width() == 975){ 

       document.getElementById('map-tab').contentWindow.location.reload(true); 
      } 

      if($(window).width() == 765){ 

       document.getElementById('map-mob').contentWindow.location.reload(true); 
      } 

     </script> 

так нравится, когда на экране равна определенной ширины в IFRAME с этим идентификатором перезагружается или refreshes

Answer 1

Нет реального обработчика событий, поэтому он будет запускаться только один раз, когда браузер загружается (что явно не то, что вы хотите). Как вы используете JQuery, обернуть код в:

$(window).resize(function() { 

    // code goes here... 

}); 

... который будет запускать код внутри каждого времени есть даже минуту изменение размера окна браузера. Хотя вы столкнетесь с проблемой, что $(window).width() очень редко собирается поразить то, что точно значение в пикселях. Я не уверен в лучшем решении, но что-то вроде проверки состояния +/- 30 пикселей в любом случае может работать.

Answer 2

Я думаю, что вы ищете следующее событие в JQuery

window.onresize = function(event) { 
    //your code to resize and reload here 
} 

Answer 3

Google отображает перезагружает себя, если mapdiv изменяется. Дайте 100% ширину mapdiv. Он будет соответствовать размеру окна. Если вы хотите изменить содержимое карт (слоев, маркеров, маршрутов ...), вы должны использовать события карты Google. События, варианты и методы перечислены здесь: https://developers.google.com/maps/documentation/javascript/reference