var markers = {}; var markerContents = []; function initialize() { var center = new google.maps.LatLng(47.175798877857034, 7.361261203967278); var zoom = 14; var mapType = google.maps.MapTypeId.G_NORMAL_MAP; var placeId = 'ChIJtZ8vwUogjkcRlCkBbyAXMcE'; var mapOptions = { styles:[{"featureType":"all","elementType":"all","stylers":[{"hue":"#ff0000"},{"saturation":-100},{"lightness":-30}]},{"featureType":"all","elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"color":"#353535"}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#656565"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#505050"}]},{"featureType":"poi","elementType":"geometry.stroke","stylers":[{"color":"#808080"}]},{"featureType":"road","elementType":"geometry","stylers":[{"color":"#454545"}]},{"featureType":"transit","elementType":"labels","stylers":[{"saturation":100},{"lightness":-40},{"invert_lightness":true},{"gamma":1.5},{"visibility":"simplified"},{"color":"#c1c1c1"}]}], 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.1744463,"lng":7.361401900000033}'), 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: 1.2, strokeWeight: 2, strokeColor: '#850c0c', strokeOpacity: 1.000000, fillColor: '#850c0c', fillOpacity: 1.000000, 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]); }); } }