карта Google Maps не появится?

Question

var center = new google.maps.LatLng(18.133333, 21.566667);
var map = new google.maps.Map(document.getElementById('map'), {zoom: 11,center: center,mapTypeId: google.maps.MapTypeId.TERRAIN});

У меня есть DIV по карте имен в моем html.

    <div id="map"></div>

JS находится в функции с именем initialize в myscript.js, на которую я ссылаюсь в моем index.html

------------- edit ---------- Google Maps ref

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

Answer 1

Установите ширину и высоту в этом div.

в HTML

 style='width:500px; height: 500px'

или в CSS

#map { width: 500px; height: 500px }

Answer 2

Вы уверены, что поместили свои карты Google Maps CDN ПОСЛЕ своего JavaScript-CD?

<!-- Add jQuery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Add google maps API -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=place your api key here&callback=initMap"></script>
<script src="assets/js/googleMapsApi.js"></script>