Google Maps API v3 не полностью заряжен

Я работаю над страницей, на которой у меня есть карта на базе Google (такая же, как та, которую вы найдете на maps.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

кто-нибудь может дать мне руку


google-maps internet-explorer
person Jifho    schedule 28.02.2013    source источник
comment
возможный дубликат карт Google загружается странно   -  person Dr.Molle    schedule 01.03.2013

Ответы (3)


arrow_upward
1
arrow_downward

Не уверен, что это поможет, но в этом сообщении предлагается удалить переменную перед картой.

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

становится

map = new google.maps.Map(document.getElementById("map"),myOptions);
person Rafe    schedule 28.02.2013

arrow_upward
0
arrow_downward

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

mapTypeId: google.maps.MapTypeId.ROADMAP,
person duncan    schedule 01.03.2013

arrow_upward
0
arrow_downward

Дункан, Рейф, спасибо. Я пытался использовать ваши решения, но проблема остается.

Решил проблему так: загрузка карты при клике во вкладке.

Вот мой код:

$(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: Моды, вы можете отметить это как решенное, пожалуйста?

person Jifho    schedule 01.03.2013