<div class="modal-header no-border">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
    </button>
    <h4 class="modal-title">
        Ou Acheter ?
    </h4>
</div>
<div class="modal-body">
    <div class="row">
        <div id="map" style="height: 400px;">

        </div>
    </div>
</div>
<div class="modal-footer no-border">
    <button type="button" class="btn btn-danger" data-dismiss="modal">Fermer</button>
</div>
<script>
    var map;
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: -34.397, lng: 150.644},
            zoom: 8
        });
    }

    initMap();

</script>