google map api v3 tidak terisi penuh

Saya sedang mengerjakan halaman di mana saya memiliki peta yang diberdayakan Google (seperti yang Anda temukan di Maps.google.com. Ini berfungsi dengan baik di chrome dan FireFox (tentu saja), tetapi di IE tidak.

hanya terjadi di IE (‹9). petanya ada di dalam tab.

Ini adalah kode yang saya gunakan untuk menghasilkan peta:

    <!-- 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>

terlihat seperti ini: http://i.imgur.com/PHDVxUi.png

siapa pun bisa membantu saya


google-maps internet-explorer
person Jifho    schedule 28.02.2013    source sumber
comment
kemungkinan duplikat dari Google Maps memuat secara aneh   -  person Dr.Molle    schedule 01.03.2013

Jawaban (3)


arrow_upward
1
arrow_downward

Tidak yakin apakah ini akan membantu tetapi postingan ini menyarankan untuk menghapus var dari depan peta.

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

menjadi

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

arrow_upward
0
arrow_downward

Masalahnya adalah tanda koma Anda pada item terakhir di sini. IE tidak menyukai ini dan ini akan menyebabkan kesalahan JS:

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

arrow_upward
0
arrow_downward

Duncan, Rafe terima kasih. Saya mencoba menggunakan solusi Anda tetapi masalahnya terus berlanjut.

Saya memecahkan masalah dengan cara ini: memuat peta saat mengklik di tab.

Ini kode saya:

$(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
}

Terima kasih atas bantuannya (Y). PD: Mod, bisakah Anda menandai ini sebagai terselesaikan?

person Jifho    schedule 01.03.2013