var markers = {};
var markerContents = [];

function initialize() {
var center = new google.maps.LatLng(47.3783579382493, 8.621251589515584);
var zoom = 10;
var mapType = google.maps.MapTypeId.G_NORMAL_MAP;
var placeId = 'ChIJ2X9s5gK3mkcRr6lVT0tEGsc';

var mapOptions = {


    styles: [{"featureType":"administrative","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative.province","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"saturation":-100},{"lightness":65},{"visibility":"on"}]},{"featureType":"poi","elementType":"all","stylers":[{"saturation":-100},{"lightness":"50"},{"visibility":"simplified"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"all","stylers":[{"lightness":"30"}]},{"featureType":"road.local","elementType":"all","stylers":[{"lightness":"40"}]},{"featureType":"transit","elementType":"all","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"water","elementType":"geometry","stylers":[{"hue":"#ffff00"},{"lightness":-25},{"saturation":-97}]},{"featureType":"water","elementType":"labels","stylers":[{"lightness":-25},{"saturation":-100}]}],


    scrollwheel: false,

zoom: zoom,
center: center,
mapTypeId: mapType
};

var map = new google.maps.Map(document.getElementById('lageplanDiv'), mapOptions);

// old or new markers logic ?

                
                            markerContents['marker1'] = '';
            
            addMarker(1, JSON.parse('{"lat":47.4999227,"lng":8.4711337}'), map);
        
            
                            markerContents['marker2'] = '';
            
            addMarker(2, JSON.parse('{"lat":47.2285262,"lng":8.8285769}'), map);
        
            
    
}

google.maps.event.addDomListener(window, 'resize', initialize);
google.maps.event.addDomListener(window, 'load', initialize);


function addMarker(index, location, map) {
markers['marker'+index] = new google.maps.Marker({
map: map,
draggable: false,



    
    icon: {
    path: fontawesome.markers.MAP_MARKER,
    scale: 0.8,
    strokeWeight: 2,
    strokeColor: '#D2232A',
    strokeOpacity: 1,
    fillColor: '#D2232A',
    fillOpacity: 1,
    anchor: new google.maps.Point(19,0)
    },

position: location,
animation: google.maps.Animation.DROP
});

    if (markerContents['marker'+index].length > 0)
    {
    var infowindow = new google.maps.InfoWindow({
    content: markerContents['marker'+index]
    });
    markers['marker'+index].addListener('click', function() {
    infowindow.open(map, markers['marker'+index]);
    });
    }
}