$(function() {
var switcher = $('.js-switcher'),
switcherItems = switcher.find('.switcher__item'),
switcherBtns = switcher.find('.switcher__btn');
switcherBtns.on('click', function(ev) {
ev.preventDefault();
switcherItems.removeClass('switcher__item--active');
$(this).parent().addClass('switcher__item--active');
var latLngA = parseFloat($(this).data('latlnga'));
var latLngB = parseFloat($(this).data('latlngb'));
console.log(latLngA);
initGoogleMap(latLngA,latLngB);
});
var markers = [
{
"title": "Автово пр. Стачек, д. 75, т. 407-36-20 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(59.8673019,30.2590612),
"index": 1,
"icon": "default"
},
{
"title": "Академическая пр. Науки, д.17, к.2, т. 407-20-24 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(60.0143487,30.38629),
"index": 1,
"icon": "default"
},
{
"title": "Василеостровская В.О., 6-я линия, д. 25, под арку, т. 385-52-65 Пн-Сб[10:00-21:00]",
"latLng": new google.maps.LatLng(59.9420294,30.2780913),
"index": 1,
"icon": "default"
},
{
"title": "Гражданский Проспект пр. Просвещения, д87, к1, Северо-Муринский ун-г, 2 эт, направо, т. 407-23-37 Пн-Сб[11:00-20:00]",
"latLng": new google.maps.LatLng(60.0364945,30.4121105),
"index": 1,
"icon": "default"
},
{
"title": "Девяткино п. Мурино, Привокзальная площадь, д.3, к. 1, т. 407-14-80 Пн-Сб[10:00-21:00]",
"latLng": new google.maps.LatLng(60.0515861,30.4454452),
"index": 1,
"icon": "default"
},
{
"title": "Комендантский проспект Комендантский пр, 9 к.1, ТЦ Модный Променад, т. 981-94-18 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(60.0052507,30.2612304),
"index": 1,
"icon": "default"
},
{
"title": "Купчино Балканская пл., д. 5, Лит В, ТЦ Балканский-5, 2 этаж, секция 474, т. 385-56-76 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(59.829999,30.3761181),
"index": 1,
"icon": "default"
},
{
"title": "Ладожская Заневский пр., д. 65, к.5, лит. А, ТК Платформа, т. 385-58-34 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(59.9338851,30.4358315),
"index": 1,
"icon": "default"
},
{
"title": "Ленинский проспект Трамвайный пр, д.17 к.2 секц.14 ТЦ Нарва, т. 981-66-07 Пн-Сб[11:00-20:00]",
"latLng": new google.maps.LatLng(59.8540767,30.264238),
"index": 1,
"icon": "default"
},
{
"title": "Международная ул. Бухарестская, д.74, к.3, лит.А, ТБК Международный, 2 этаж, т. 407-18-74 Пн-Сб[10:00-21:00]",
"latLng": new google.maps.LatLng(59.8707267,30.379653),
"index": 1,
"icon": "default"
},
{
"title": "Московская ул. Алтайская, д. 16, т. 373-46-27 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(59.8511737,30.318945),
"index": 1,
"icon": "default"
},
{
"title": "Озерки пр. Энгельса, д.113, к.1, ТЦ Бадабум, т. 313-25-34 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(60.0363988,30.322000),
"index": 1,
"icon": "default"
},
{
"title": "Пионерская Коломяжский пр., д. 15 к. 2, т. 240-34-31 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(60.0019086,30.2963111),
"index": 1,
"icon": "default"
},
{
"title": "Площадь Александра Невского Лаврский проезд, д. 5, т. 643-33-11 Пн-Пт[11:00-19:00];Сб[11:00-18:00]",
"latLng": new google.maps.LatLng(59.9253537,30.385941),
"index": 1,
"icon": "default"
},
{
"title": "Площадь Ленина ул. Комсомола, д.16 (вход с Комсомола), т. - Пн-Сб[10:00-21:00]",
"latLng": new google.maps.LatLng(59.9547627,30.355675),
"index": 1,
"icon": "default"
},
{
"title": "Приморская ул. Одоевского д.27, лит.А, 2 эт., сек.212 (у лифта), т. 407-36-80 Пн-Сб[11:00-21:00]",
"latLng": new google.maps.LatLng(59.9480987,30.234533),
"index": 1,
"icon": "default"
},
{
"title": "Проспект Большевиков пр. Пятилеток, д. 4, т. 642-55-59 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(59.9216011,30.4605564),
"index": 1,
"icon": "default"
},
{
"title": "Проспект Ветеранов пр. Ветеранов, д. 36, к. 2, лит. А, ТК Манхэттен, т. 407-26-28 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(59.8431647,30.246097),
"index": 1,
"icon": "default"
},
{
"title": "Проспект Просвещения пр. Энгельса, д. 137, т. 989-40-84 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(60.0505337,30.332439),
"index": 1,
"icon": "default"
},
{
"title": "Сенная площадь Московский пр., д.3, т. 407-28-86 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(59.9251537,30.314399),
"index": 1,
"icon": "default"
},
{
"title": "Старая Деревня Торфяная дорога, д. 2, к. 1, т. 407-36-40 Пн-Сб[11:00-21:00]",
"latLng": new google.maps.LatLng(59.9895361,30.2538504),
"index": 1,
"icon": "default"
},
{
"title": "Улица Дыбенко ул. Дыбенко, д. 27, к. 1, т. 407-23-25 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(59.9061454,30.4799624),
"index": 1,
"icon": "default"
},
{
"title": "Чернышевская Фурштатская ул., д. 25, т. 385-59-42 Пн-Вс[10:00-21:00]",
"latLng": new google.maps.LatLng(59.9450093,30.3550436),
"index": 1,
"icon": "default"
},
{
"title": "Чёрная Речка ул. Савушкина, д.1, т. 407-36-80 Пн-Сб[11:00-21:00]",
"latLng": new google.maps.LatLng(59.9868217,30.2984854),
"index": 1,
"icon": "default"
},
{
"title": "Зеленоград, корп. 234 А, цокольный этаж, пав. № 22; Пн-Пт[12:00-20:00]; Сб [12:00 - 18:00]",
"latLng": new google.maps.LatLng(56.002922, 37.206008),
"index": 1,
"icon": "default"
},
{
"title": "Зеленоград, корп. 931; Пн-Пт[09:00-19:00]; Сб [10:00 - 16:00]",
"latLng": new google.maps.LatLng(55.982889, 37.179835),
"index": 1,
"icon": "default"
},
{
"title": "Московская область, г. Дзержинский, ул. Дзержинская, д. 27А; Пн-Пт[10:00-19:00]; Сб [10:00 - 18:00]",
"latLng": new google.maps.LatLng(55.625481, 37.859774),
"index": 1,
"icon": "default"
},
{
"title": "Московская область, г. Королев, ул Болдырева 5, помещение 8; Пн-Пт[10:00-19:30]; Сб-Вс [10:00 - 18:00]",
"latLng": new google.maps.LatLng(55.921762, 37.825862),
"index": 1,
"icon": "default"
},
{
"title": "Московская область, г. Одинцово, ул. Красногорское шоссе, д. 8/3; Пн-Чт[10:00-20:00]; Пт [10:00 - 17:00]",
"latLng": new google.maps.LatLng(55.679074, 37.275339),
"index": 1,
"icon": "default"
},
{
"title": "Московская область, г. Видное, Проспект ленинского комсомола д. 36B; Пн-Чт[10:00-19:00]; Пт [10:00 - 18:00]",
"latLng": new google.maps.LatLng(55.547258, 37.710840),
"index": 1,
"icon": "default"
},
{
"title": "Московская область, г. Долгопрудный, пр. Пацаева, д. 12; Пн-Вс[10:00-20:00]",
"latLng": new google.maps.LatLng(55.948853, 37.499063),
"index": 1,
"icon": "default"
},
{
"title": "ул. Кедрова д. 13 стр. 1; Пн-Пт[09:30-18:00]",
"latLng": new google.maps.LatLng(55.683855, 37.572827),
"index": 1,
"icon": "default"
},
{
"title": "площадь Ганецкого, д. 1; Пн-Пт[10:00-20:00]; Сб [11:00 - 18:00]",
"latLng": new google.maps.LatLng(55.820378, 37.500306),
"index": 1,
"icon": "default"
},
{
"title": "Лубянский пр., д.15, стр.4, офис 12; Пн-Пт[10:00-21:00]; Сб [10:00 - 18:00]",
"latLng": new google.maps.LatLng(55.757093, 37.633362),
"index": 1,
"icon": "default"
},
{
"title": "Новочеркасский бул., д. 51; Пн-Пт[10:00-20:00]; Сб [10:00 - 18:00]",
"latLng": new google.maps.LatLng(55.648438, 37.739631),
"index": 1,
"icon": "default"
},
{
"title": "4-я Тверская-Ямская ул., д. 4; Пн-Пт[10:00-21:00]; Сб [10:00 - 18:00]",
"latLng": new google.maps.LatLng(55.772380, 37.598258),
"index": 1,
"icon": "default"
},
{
"title": "Пятницкое шоссе, д. 27, к. 1; Пн-Пт[10:00-20:00]; Сб [12:00 - 17:00]",
"latLng": new google.maps.LatLng(55.849329, 37.363122),
"index": 1,
"icon": "default"
},
{
"title": "Зелёный пр., д. 66, к. 2; Пн-Пт[10:00-20:00]; Сб [10:00 - 19:00]",
"latLng": new google.maps.LatLng(55.749941, 37.823022),
"index": 1,
"icon": "default"
},
{
"title": "Расплетина ул., д.13, офис 3; Пн-Пт[10:00-21:00]; Сб [10:00 - 18:00]",
"latLng": new google.maps.LatLng(55.795655, 37.482877),
"index": 1,
"icon": "default"
},
{
"title": "ул. Кожевническая д. 7, стр. 1; Пн-Пт[11:00-20:00]; Сб [11:00 - 20:00]; Вс [11:00 - 19:00]",
"latLng": new google.maps.LatLng(55.730344, 37.645410),
"index": 1,
"icon": "default"
},
{
"title": "ул. Вятская, д. 27, корп. 7; Пн-Пт[10:00-20:00]; Сб [11:00 - 15:00]",
"latLng": new google.maps.LatLng(55.796470, 37.581005),
"index": 1,
"icon": "default"
},
{
"title": "Большая Сухаревская площадь, 1; Пн-Пт[11:00-20:00]; Сб [11:00 - 15:00]",
"latLng": new google.maps.LatLng(55.772716, 37.633025),
"index": 1,
"icon": "default"
},
{
"title": "Гончарная ул., д.38, офис 1; Пн-Пт[10:00-21:00]; Сб [10:00 - 18:00]",
"latLng": new google.maps.LatLng(55.741341, 37.650442),
"index": 1,
"icon": "default"
},
{
"title": "Огородный пр., д. 20, стр. 38; Пн-Сб[10:30-20:00]",
"latLng": new google.maps.LatLng(55.819281, 37.594182),
"index": 1,
"icon": "default"
},
{
"title": "проезд Стратонавтов д. 11, к. 1; Пн-Пт[10:00-20:00]; Сб[10:00-18:00]",
"latLng": new google.maps.LatLng(55.827552, 37.434925),
"index": 1,
"icon": "default"
},
{
"title": "пр. Вернадского, д. 86Б, пав. 219; Пн-Вс[10:00-20:00]",
"latLng": new google.maps.LatLng(55.661771, 37.481444),
"index": 1,
"icon": "default"
}
];
function initGoogleMap(latLngA,latLngB) {
// обязательные опции с которыми будет проинициализированна карта
var mapOptions = {
center: new google.maps.LatLng(latLngA, latLngB),
zoom: 10 ,
// disableDefaultUI: true,
scrollwheel: false,
styles: [
{
"featureType": "water",
"elementType": "geometry",
"stylers": [
{
"color": "#e9e9e9"
},
{
"lightness": 17
}
]
},
{
"featureType": "landscape",
"elementType": "geometry",
"stylers": [
{
"color": "#f5f5f5"
},
{
"lightness": 20
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#ffffff"
},
{
"lightness": 17
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.stroke",
"stylers": [
{
"color": "#ffffff"
},
{
"lightness": 29
},
{
"weight": 0.2
}
]
},
{
"featureType": "road.arterial",
"elementType": "geometry",
"stylers": [
{
"color": "#ffffff"
},
{
"lightness": 18
}
]
},
{
"featureType": "road.local",
"elementType": "geometry",
"stylers": [
{
"color": "#ffffff"
},
{
"lightness": 16
}
]
},
{
"featureType": "poi",
"elementType": "geometry",
"stylers": [
{
"color": "#f5f5f5"
},
{
"lightness": 21
}
]
},
{
"featureType": "poi.park",
"elementType": "geometry",
"stylers": [
{
"color": "#dedede"
},
{
"lightness": 21
}
]
},
{
"elementType": "labels.text.stroke",
"stylers": [
{
"visibility": "on"
},
{
"color": "#ffffff"
},
{
"lightness": 16
}
]
},
{
"elementType": "labels.text.fill",
"stylers": [
{
"saturation": 36
},
{
"color": "#333333"
},
{
"lightness": 40
}
]
},
{
"elementType": "labels.icon",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "transit",
"elementType": "geometry",
"stylers": [
{
"color": "#f2f2f2"
},
{
"lightness": 19
}
]
},
{
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#fefefe"
},
{
"lightness": 20
}
]
},
{
"featureType": "administrative",
"elementType": "geometry.stroke",
"stylers": [
{
"color": "#fefefe"
},
{
"lightness": 17
},
{
"weight": 1.2
}
]
}
]
};
var icons = {
"default": new google.maps.MarkerImage('assets/img/marker-map.png',
new google.maps.Size(33,33),
new google.maps.Point(0,0),
new google.maps.Point(16,16))
};
// создаем карту внутри элемента #google-map
var map = new google.maps.Map(document.getElementById("google-map"), mapOptions);
var setMarkers = function (map) {
var i = 0, markerList = [];
var addMarker = setInterval(function () {
markerList.push(new google.maps.Marker({
//animation: google.maps.Animation.DROP,
position: markers[i].latLng,
map: map,
icon: icons[markers[i].icon],
title: markers[i].title,
zIndex: markers[i].index
}));
attachContent(markerList[i], markers[i].title);
i++;
if (i == markers.length) {
clearInterval(addMarker);
}
}, 0);
};
function attachContent(marker, content) {
var infowindow = new google.maps.InfoWindow({
content: '
' + content + '
'
});
marker.addListener('click', function() {
infowindow.open(marker.get('map'), marker);
});
}
setMarkers(map);
};
initGoogleMap(60.011016,30.296101);
});