Google Map not shown correctly in Bootstrap modal

[rabillion]

i have a form inside a bootstrap modal to create posts from the frontend. The google map field works not correctly only inside the modal. The map is not displaying and autocomplete is also not working.

Any ideas?

[rabillion]

i've solved it

$('.google-modal').on('shown.bs.modal', function () {
            google.maps.event.trigger(map, "resize");
});

autocomplete box

.pac-container {
    background-color: #FFF;
    z-index: 20;
    position: fixed;
    display: inline-block;
    float: left;
}

.modal {
    z-index: 20;
}

.modal-backdrop {
    z-index: 10;
}