*, ::after, ::before {
box-sizing: border-box;
}function initialize() {
"use strict";
var myLatLng = {lat: 55.7319, lng: 37.6145},
myMapOptions = {
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoom: 11,
scrollwheel: false,
mapTypeControl: false,
zoomControl: true,
//draggable: draggable,
styles: [{"stylers": [{ "saturation": -100 }]}],
},
map = new google.maps.Map(document.getElementById("map"), myMapOptions),
locations = [
{
position: {lat: 55.6709, lng: 37.7475},
icon: {
url: "/images/pinMap.png",
scaledSize: new google.maps.Size(69, 69)
},
popupContent: '<p class="contentmap">Адрес 1</p>',
},
{
position: {lat: 55.7015, lng: 37.8497},
icon: {
url:"/images/pinMap.png",
scaledSize: new google.maps.Size(69, 69)
},
popupContent: '<p class="contentmap">Адрес 2</p>',
}
];
locations.forEach( function( element, index ){
var marker = new google.maps.Marker({
position: element.position,
map: map,
icon: element.icon,
}),
infowindow = new google.maps.InfoWindow({
content: element.popupContent
});
marker.addListener('click', function () {
infowindow.open(map, marker);
});
});
}