function initMap() {
    var mapEl = document.getElementById('map');
    if (mapEl) {
        var lt = parseFloat(document.querySelector('.contacts-page__city a.active').parentElement.dataset.x);
        // console.log(lt);
        var lg = parseFloat(document.querySelector('.contacts-page__city a.active').parentElement.dataset.y);
        // console.log(lg);
        var place = {
            lat: lt, lng: lg
        };
        var position = {
          lat: lt, lng: lt
        }
        var map = new google.maps.Map(mapEl, {
            zoom: 16,
            center: place,
            styles: [
              {
                  "featureType": "road.highway.controlled_access",
                  "elementType": "geometry.fill",
                  "stylers": [
                      {
                          "gamma": "0.59"
                      }
                  ]
              },
              {
                  "featureType": "road.highway.controlled_access",
                  "elementType": "labels",
                  "stylers": [
                      {
                          "gamma": "0.94"
                      }
                  ]
              },
              {
                  "featureType": "transit.station.airport",
                  "elementType": "geometry.fill",
                  "stylers": [
                      {
                          "gamma": "0.52"
                      }
                  ]
              }
            ]
        });
        var imageMarker = '/img/icons/map-point.png';
        var marker = new google.maps.Marker({
            position: place,
            map: map,
            icon: imageMarker
        });
        var cities = Array.from(document.querySelectorAll('.contacts-page__city'));
        for (var i = 0; i < cities.length; i++) {
          cities[i].addEventListener('click', function() {
            lt = parseFloat(this.dataset.x);
            lg = parseFloat(this.dataset.y);
            map.panTo({lat:lt, lng:lg});
            var marker = new google.maps.Marker({
                position: {lat:lt, lng:lg},
                map: map,
                icon: imageMarker
            });
          });
        }
    }
}