<script>
  function initMap() {
    // Styles a map in night mode.
    var myLatLng = {lat: 49.5680869, lng:34.57774380000001};

    var map = new google.maps.Map(document.getElementById('map'), {
      center: myLatLng,
      zoom: 13,
      styles: [
        {elementType: 'geometry', stylers: [{color: '#F2EAE4'}]},
        {elementType: 'labels.text.stroke', stylers: [{color: '#FFFFFF'}]},
        {elementType: 'labels.text.fill', stylers: [{color: '#d9c5b5'}]},
        {
          featureType: 'administrative.locality',
          elementType: 'labels.text.fill',
          stylers: [{color: '#7b4e35'}]
        },
        {
          featureType: 'poi',
          elementType: 'labels.text.fill',
          stylers: [{color: '#7b4e35'}]
        },
        {
          featureType: 'poi.park',
          elementType: 'geometry',
          stylers: [{color: '#dcc8b9'}]
        },
        {
          featureType: 'poi.park',
          elementType: 'labels.text.fill',
          stylers: [{color: '#9c7359'}]
        },
        {
          featureType: 'road',
          elementType: 'geometry',
          stylers: [{color: '#FFFFFF'}]
        },
        {
          featureType: 'road',
          elementType: 'geometry.stroke',
          stylers: [{color: '#777777'}]
        },
        {
          featureType: 'road',
          elementType: 'labels.text.fill',
          stylers: [{color: '#7b4e35'}]
        },
        {
          featureType: 'road.highway',
          elementType: 'geometry',
          stylers: [{color: '#E6D7CC'}]
        },
        {
          featureType: 'road.highway',
          elementType: 'geometry.stroke',
          stylers: [{color: '#CAAE9A'}]
        },
        {
          featureType: 'road.highway',
          elementType: 'labels.text.fill',
          stylers: [{color: '#f3d19c'}]
        },
        {
          featureType: "road.highway",
          elementType: "labels.icon",
          stylers: [{
            hue: "#ff6000"
          },{
            saturation: "-24"
          },{
            gamma: "1.00"
          },{
            lightness: "3"
          }]
        },
        {
          featureType: "road.arterial",
          elementType: "labels.icon",
          stylers:  [{
            hue: "#ff6000"
          },{
            saturation: "-24"
          },{
            gamma: "1.00"
          },{
            lightness: "3"
          }]
        },
        {
          featureType: 'transit',
          elementType: 'geometry',
          stylers: [{color: '#E2D2C5'}]
        },
        {
          featureType: 'transit.station',
          elementType: 'labels.text.fill',
          stylers: [{color: '#d59563'}]
        },
        {
          featureType: 'water',
          elementType: 'geometry',
          stylers: [{color: '#dcc8b9'}]
        },
        {
          featureType: 'water',
          elementType: 'labels.text.fill',
          stylers: [{color: '#9c7359'}]
        },
        {
          featureType: 'water',
          elementType: 'labels.text.stroke',
          stylers: [{color: '#9C7359'}]
        }
      ]
    });

    var marker = new google.maps.Marker({
      position: myLatLng,
      map: map,
      icon: '/static/this/images/marker.png',
      title: 'Hello World!'
    });

    var infowindow = new google.maps.InfoWindow({
      content: '<div id="address_box"><h5>Полтава Чураївни, 7</h5></div>',
    });

    infowindow.open(map, marker);

    google.maps.event.addListener(infowindow,'domready',function(){
      $('#address_box').parent().parent().parent().parent().addClass('infowindow');
    });

  }
</script>
<script
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDMk2HOEYiL4FZg-gT-6SvyeISbydMvxPA&callback=initMap"></script>