var markers = {}; var markerContents = []; function initialize() { var center = new google.maps.LatLng(46.207604309721745, 6.170728727880852); var zoom = 13; var mapType = google.maps.MapTypeId.G_NORMAL_MAP; var placeId = 'ChIJa4QjNPpvjEcRS5OQPx5rwT0'; 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":46.20248609999999,"lng":6.1922723}'), 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: 'rgba(9, 173, 38, 1.000000)', strokeOpacity: 1, fillColor: 'rgba(9, 173, 38, 1.000000)', 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]); }); } }