[Resolvido] GMaps não aparecendo corretamente na div

Front-end
#1

Galera… não estou conseguindo colocar o GMaps para ficar em toda div…

<div id="mapa"></div>

Ele aparece apenas um quadrado do canto superior… se arrastar com o mouse ele preenche mais alguns quadrados e volta a aparecer no canto…
Tem vezes que nem aparece, e o botão onde fica o zoom fica com os pixels “fumados”

function initialize() {
    var latlng = new google.maps.LatLng(-18.8800397, -47.05878999999999);
    var options = {
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

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

    geocoder = new google.maps.Geocoder();

    marker = new google.maps.Marker({
        map: map,
        draggable: true
    });

    map.setCenter(latlng);
    marker.setPosition(latlng);
}

essa é a função que mostra o mapa.

Parece ser bug da API, ou sei lá, só não consigo fazer com que ele ocupe toda a div… detalhe… se colocar zoom 1 na função ele preenche, mas colocou acima disso ele “fuma”

Não sei se a duvida ficou clara… mas se alguém já passou por isso ajuda ai… :slight_smile:

Utilizo Bootstrap!

#2

Resposta no Guj Resposta (meio redundante… rsrsrs)

http://www.guj.com.br/1093-google-maps-api--bootstrap

#3