Google Map не загружается после отправки страницы

Я знаю, что есть много вопросов относительно одного и того же названия, но, к сожалению, я еще не нашел рабочего решения, поэтому я отправляю другой.Google Map не загружается после отправки страницы

Я пытаюсь загрузить простейший вид карты Google и вообще не загружается при загрузке страницы или после отправки формы. однако, когда я обновляю страницу, она всегда загружается должным образом.

код:

<script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> 

<div class="map-container"> 
    <div id="map" ></div> 
</div> 

<style type="text/css"> 
    .map-container{width: 100%;height: 400px;} 
    #map{overflow: hidden;position: relative;width: 100%;height: 100%;} 
</style> 

<script type="text/javascript"> 
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 2, 
     minZoom:1, 
     center: new google.maps.LatLng(15, 0), 
     mapTypeId: google.maps.MapTypeId.TERRAIN 
    }); 

    /* I have already tried this code as well without success 
    google.maps.event.addDomListener(window, 'resize', function() { 
     var center = map.getCenter(); 
     map.setCenter(center); 
    }); 
    google.maps.event.trigger(map, "resize"); 
    */ 
</script>

, когда я проверил консоль я не видел каких-либо ошибок, однако есть предупреждение для # не-API-ключей, так как я нахожусь в стадии разработки, я не забочусь столько.

после подачи или загрузки страницы:

после страницы освежающим:

Любая помощь будет высоко оценен.

Заранее благодарен.

источник

2016-03-31 Janith Chinthana

Нам нужно будет увидеть полную страницу, но если ваш сценарий выложен как фрагмент, у него есть хорошие шансы на неудачу. Css должен быть в голове, html в теле и javascript перед закрывающим тегом body. Просто проверьте – lucas

, что имеет смысл, да, я не правильно разместил код. Я попробую это –

, это поможет уменьшить ошибку, но не исправить 100%. потому что еще иногда это не загрузка карты. Должен сказать, что он уменьшает частоту ошибок –

Пожалуйста, убедитесь, что вы измените

<script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>

и добавить свои скрипты в вашем заголовке между <head></head>. Я считаю, что он может решить вашу проблему.

источник

2016-03-31 06:02:08 Achraf

он не работает для меня –

Можете ли вы скопировать вставку с ошибкой, отображаемой на консоли браузера, до обновления? – Achraf

нет ошибки, но предупреждение указано ниже, –

<scrip src="http://maps.google.com/maps?file=api&amp;v=2&amp; 
    key=APKEY&sensor=false" 
    type="text/javascript"> 
</script>

источник

2016-03-31 07:21:00

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

<script type="text/javascript"> 
    function loadMap(){ 
     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 2, 
      minZoom:1, 
      center: new google.maps.LatLng(15, 0), 
      mapTypeId: google.maps.MapTypeId.TERRAIN 
     }); 
    } 
    /* I have already tried this code as well without success 
    google.maps.event.addDomListener(window, 'resize', function() { 
     var center = map.getCenter(); 
     map.setCenter(center); 
    }); 
    google.maps.event.trigger(map, "resize"); 
    */ 
</script>

вызова функции loadMap() после отправки формы.

источник

2016-03-31 07:56:31 Anbarasan

Google Map не загружается после отправки страницы

ответ

Смежные вопросы