Google maps

tutorial: https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="a">
<div id="b"></div>
</div>

CSS

#a {
  width: 500px;
  height: 300px;
}
#b {
    height: 100%;
    width: 100%;
    background-color: #CCC;
    margin: 0px;
    padding: 0px;
}

JavaScript

function initialize() {

    var myLatLng = new google.maps.LatLng(45.4375, 12.3358),
        myOptions = {
            zoom: 5,
            center: myLatLng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        },
        map = new google.maps.Map(document.getElementById('b'), myOptions),
        marker = new google.maps.Marker({
            position: myLatLng,
            map: map
        });

}

initialize();