Google map not displaying! [требует правки]

194

13 апреля 2017, 15:53

i'm put example script from official site Google Maps API, and setting up center of map. I think coordinates likely right, 'cuz i set it in admin panel. In general google initialized, and if i decrease width of div it displaying, but in my case i need that div width must be 1200px.

There is code:

var map = null; 
var markers = []; 
 
function initMap() { 
    var haightAshbury = {lat: 42.879426368579594, lng: 74.59918049743646 }; 
    map = new google.maps.Map(document.getElementById('map_canvas'), { 
        center: haightAshbury, 
        zoom: 14, 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 
    addMarker(haightAshbury); 
} 
 
function addMarker(location) { 
    var marker = new google.maps.Marker({ 
        position: new google.maps.LatLng(location.lat,location.lng), 
        map: map 
    }); 
}

<div class="accommodation_location" style="width: 1200px; float: right; height: 396px;"> 
    <div class="map-placeholder" id="map_canvas" style="width: 1200px; height: 396px;"></div> 
</div> 
 
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCHFQIQAbbG3k34jXG-reyvJ8YUyCSIYO0&callback=initMap"></script>

Code working fine, but not displaying map!

Sometimes if i open chrome console it init fine, but if i refreshing page it broken again. Please help...