window.onload = function () {

            'use strict';

            var latlng = new google.maps.LatLng(37.2710319,-4.228529699999967);

            var styles = [
    {
        "featureType": "administrative",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#444444"
            }
        ]
    },
    {
        "featureType": "landscape",
        "elementType": "all",
        "stylers": [
            {
                "color": "#f2f2f2"
            }
        ]
    },
    {
        "featureType": "poi",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "poi.business",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "all",
        "stylers": [
            {
                "saturation": -100
            },
            {
                "lightness": 45
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "simplified"
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "labels.icon",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "transit",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "water",
        "elementType": "all",
        "stylers": [
            {
                "color": "#b4d4e1"
            },
            {
                "visibility": "on"
            }
        ]
    }
];


            var myOptions = {
                zoom: 6.5,
                center: ({lat: 38.22214102821768, lng: -4.0651397705078125}),
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                disableDefaultUI: true,
                scrollwheel: false,
                styles: styles
            };
            
             var contentString = '<div id="content">'+
              '<div id="siteNotice">'+
              '</div>'+
              '<h4>Iznájar, Andalusia, Spain </h4>'+
              
              '</div>';

          var infowindow = new google.maps.InfoWindow({
              content: contentString
          });
            
            var map = new google.maps.Map(document.getElementById('map'), myOptions);
            
            var myLatlng = new google.maps.LatLng(37.2710319,-4.228529699999967);
            
            var image = 'images/marker.png';
            var marker = new google.maps.Marker({
                  position: myLatlng,
                  map: map,
                  title: 'Hello World!',
                  icon: image
              });
              
             google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map,marker);
              });
        
        }