O mapa do google não está aparecendo no meu site.
Código:
<div class="row"> //O ERRO OCORRE QUANDO INCLUO A DIV MAP DENTRO DESSA DIV ROW
<div id="map" class="col-6"></div>
<div class="col-6">teste</div>
</div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -8.607014, lng: -35.951444},
zoom: 15
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=XXXXX&callback=initMap" async defer></script>
Se eu não usar a div ROW, o mapa aparece normalmente, mas como quero dividir a tela em duas partes, quero fazer do jeito que está acima.
Alguma dica?
<div class="col-6"><div id="map"></div></div>