google maps api v3 не полностью заряжен

Question

Я работаю на странице, где у меня есть карта с Google (как и на карте map.google.com). Она отлично работает в Chrome и FireFox (конечно) ..., но в IE не

происходит только в IE (< 9) карта находится в закладке

Это код, который я использую для создания карты:

<!-- Estilos para el contenedor del mapa --> 
<style type="text/css"> 
    #datosMap 
    { 
     width: 20%; 
    } 
    #datosMap, #map 
    { 
     display: inline-block; 
     vertical-align: top; 
    } 
    #map{ 
     height: 500px; 
     width: 70%; 
    } 
    #subtabMapa 
    { 
     margin: 16px; 
    } 
</style> 

$(document).ready(function(){ 
//Funcion para cargar el mapa 
    function cagarMapa(latitud,longitud,zoom){ 
     //Se carga el mapa 
     var latlng = new google.maps.LatLng(latitud, longitud); 
     var myOptions = { 
       zoom: zoom, 
       center: latlng, 
       mapTypeId: google.maps.MapTypeId.ROADMAP, 
      }; 
     var map = new google.maps.Map(document.getElementById("map"),myOptions);  

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


     google.maps.event.trigger(map, 'resize'); 
    }//Fin funcion cargar 
    //------------------------------------ 

    //latitud y longitud de colombia 
    var latitud = 4.214495; 
    var longitud = -74.341861; 
    var zoom = 5; 

    cagarMapa(latitud,longitud,zoom);//Se carga el mapa en las coordenadas y el zoom indicados 

});//Fin ready 


<div id="map"><!--MAP HERE--></div> <div id="datosMap"><!-- here is a form --></div> 

выглядит http://i.imgur.com/PHDVxUi.png

любой может дать мне руку

Answer 1

Не уверен, что это поможет, но this post предлагает удалить var из-под карты.

var map = new google.maps.Map(document.getElementById("map"),myOptions); 

становится

map = new google.maps.Map(document.getElementById("map"),myOptions); 

Answer 2

Проблема ваша Запятая на последнем пункте здесь. IE не нравится, и это вызовет ошибку JS:

mapTypeId: google.maps.MapTypeId.ROADMAP, 

Answer 3

duncan, Rafe thanks. Я попытался использовать ваши решения, но проблема продолжается.

Я решил проблему следующим образом: загрузка карты при нажатии на вкладке.

Вот мой код:

$(document).on("ready",init); 
function init() 
{ 
    $("#tabmapa").on("click",mapainicial) 
} 
function mapainicial() 
{ 
    //latitud y longitud de colombia 
    var latitud = 4.214495; 
    var longitud = -74.341861; 
    var zoom = 5; 
    cagarMapa(latitud,longitud,zoom);//Se carga el mapa en las coordenadas y el zoom  indicados 
} 

Спасибо за вашу помощь (Y). PD: Моды, можете ли вы отметить это как решившееся?