30644527 Gmap

https://stackoverflow.com/questions/30644527/google-map-api-seems-to-not-load#new-answer?newreg=58fe8ecac681440d96b2d92f5f396346

by DainZX

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3&amp;amp;sensor=false"></script>
<body class="background">
    <div class="map" id="map">
        
    </div>
</body>

CSS

.background {
    background-color: orange;
}

.map {
    background-color: cyan;
    width: 400px;
    height: 250px;
    margin: 20px auto;
}

JavaScript

function initialize() {
    var myLatLng = new google.maps.LatLng(49.724305, 4.716567);
    var mapCanvas = document.getElementById('map');
    var mapOptions = {
        center: myLatLng,
        zoom: 17,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    
    var map = new google.maps.Map(mapCanvas, mapOptions);
    
    var image = {
        url: 'http://bravebecomesyou.com/wp-content/themes/blankslate/images/old-star.png',
        size: new google.maps.Size(56, 67),
        origin: new google.maps.Point(0, 0),
        anchor: new google.maps.Point(32, 67),
        scaledSize: new google.maps.Size(56, 67)
    };
    
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: image
    });
}

google.maps.event.addDomListener(window, 'load', initialize());