Почему моя карта Google пуста?

Question

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

<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false&#038;ver=3.0'></script>
<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(43.9869349, -102.24306);
    var myOptions = {
      zoom: 6,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.TERRAIN
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }
    </script>

 <div id="map_canvas" style="width:100%; height:300px"></div>

Кто-нибудь еще видел это или знает, кто может быть виновником?Сама карта находится в div, который я показываю / скрываю с помощью jQuery.Может ли это быть конфликт?

ОТВЕТ

Это был просто глупый конфликт с родительским div, где я определил img {display: none}.К сожалению.Спасибо всем за попытку помочь.

Answer 1

Попробуйте это

<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false&#038;ver=3.0'></script>
<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(43.9869349, -102.24306);
    var myOptions = {
      zoom: 6,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.TERRAIN
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }
    </script>

 <div id="map_canvas" style="width:100%; height:300px"></div>
<script>initialize();</script>

Answer 2

Я попробовал пример Google, который выглядит очень похоже на то, что вы делаете, и он работал нормально.

http://code.google.com/apis/maps/documentation/javascript/examples/map-simple.html

Я подозревал, что вы изменили значение lat / lng, но это не так. Возможно, снова поработаем над этим примером - я просто запустил его без проблем.

Answer 3

попробуйте добавить это:

window.onload = function(evt) {
    // this is a simple replica of jQuery's ready function
    if(document.readyState === 'complete') {
        var latlng = new google.maps.LatLng(43.9869349, -102.24306);
        var myOptions = {
            zoom: 6,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.TERRAIN
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    }
}