Köln-Düsseldorfer Deutsche Rheinschiffahrt GmbH (2024)

"; return contentString; } function closeInfoWindow608(id) { $.each(infoWindows608,function(index,value) { value.close(); }); } /** * add Anchor Markers to map */ function addAnchorMarker608(map) { anchorMarkers608 = []; var lat = 49.991505; var lng = 7.864246; var myLatLng = {lat: lat, lng: lng}; var markerAnchor71 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor71); var contentStringAnchor71 = createContentString608("Anleger","Assmannshausen",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor71 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib71 = new InfoBox(myOptions); infoWindows608.push(ib71); markerAnchor71.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib71.open(map, markerAnchor71); // map.panTo(myLatLng); }); var lat = 50.642249; var lng = 7.213920; var myLatLng = {lat: lat, lng: lng}; var markerAnchor74 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor74); var contentStringAnchor74 = createContentString608("Anleger","Bad Honnef",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor74 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib74 = new InfoBox(myOptions); infoWindows608.push(ib74); markerAnchor74.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib74.open(map, markerAnchor74); // map.panTo(myLatLng); }); var lat = 50.206774; var lng = 7.635371; var myLatLng = {lat: lat, lng: lng}; var markerAnchor76 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor76); var contentStringAnchor76 = createContentString608("Anleger","Bad Salzig",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor76 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib76 = new InfoBox(myOptions); infoWindows608.push(ib76); markerAnchor76.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib76.open(map, markerAnchor76); // map.panTo(myLatLng); }); var lat = 49.970165; var lng = 7.898806; var myLatLng = {lat: lat, lng: lng}; var markerAnchor78 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor78); var contentStringAnchor78 = createContentString608("Anleger","Bingen",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor78 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib78 = new InfoBox(myOptions); infoWindows608.push(ib78); markerAnchor78.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib78.open(map, markerAnchor78); // map.panTo(myLatLng); }); var lat = 50.690714; var lng = 7.171576; var myLatLng = {lat: lat, lng: lng}; var markerAnchor80 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor80); var contentStringAnchor80 = createContentString608("Anleger","Bonn - Bad Godesberg",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor80 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib80 = new InfoBox(myOptions); infoWindows608.push(ib80); markerAnchor80.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib80.open(map, markerAnchor80); // map.panTo(myLatLng); }); var lat = 50.232905; var lng = 7.589913; var myLatLng = {lat: lat, lng: lng}; var markerAnchor81 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor81); var contentStringAnchor81 = createContentString608("Anleger","Boppard",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor81 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib81 = new InfoBox(myOptions); infoWindows608.push(ib81); markerAnchor81.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib81.open(map, markerAnchor81); // map.panTo(myLatLng); }); var lat = 50.272244; var lng = 7.644098; var myLatLng = {lat: lat, lng: lng}; var markerAnchor83 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor83); var contentStringAnchor83 = createContentString608("Anleger","Braubach",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor83 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib83 = new InfoBox(myOptions); infoWindows608.push(ib83); markerAnchor83.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib83.open(map, markerAnchor83); // map.panTo(myLatLng); }); var lat = 50.145925; var lng = 7.167393; var myLatLng = {lat: lat, lng: lng}; var markerAnchor86 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor86); var contentStringAnchor86 = createContentString608("Anleger","Cochem",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor86 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib86 = new InfoBox(myOptions); infoWindows608.push(ib86); markerAnchor86.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib86.open(map, markerAnchor86); // map.panTo(myLatLng); }); var lat = 51.226716; var lng = 6.770422; var myLatLng = {lat: lat, lng: lng}; var markerAnchor87 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor87); var contentStringAnchor87 = createContentString608("Anleger","Düsseldorf",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor87 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib87 = new InfoBox(myOptions); infoWindows608.push(ib87); markerAnchor87.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib87.open(map, markerAnchor87); // map.panTo(myLatLng); }); var lat = 50.024127; var lng = 8.121254; var myLatLng = {lat: lat, lng: lng}; var markerAnchor89 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor89); var contentStringAnchor89 = createContentString608("Anleger","Eltville",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor89 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib89 = new InfoBox(myOptions); infoWindows608.push(ib89); markerAnchor89.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib89.open(map, markerAnchor89); // map.panTo(myLatLng); }); var lat = 50.108766; var lng = 8.681206; var myLatLng = {lat: lat, lng: lng}; var markerAnchor90 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor90); var contentStringAnchor90 = createContentString608("Anleger","Frankfurt",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor90 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib90 = new InfoBox(myOptions); infoWindows608.push(ib90); markerAnchor90.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib90.open(map, markerAnchor90); // map.panTo(myLatLng); }); var lat = 50.225564; var lng = 7.617691; var myLatLng = {lat: lat, lng: lng}; var markerAnchor92 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor92); var contentStringAnchor92 = createContentString608("Anleger","Kamp - Bornhofen",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor92 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib92 = new InfoBox(myOptions); infoWindows608.push(ib92); markerAnchor92.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib92.open(map, markerAnchor92); // map.panTo(myLatLng); }); var lat = 50.088648; var lng = 7.759879; var myLatLng = {lat: lat, lng: lng}; var markerAnchor94 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor94); var contentStringAnchor94 = createContentString608("Anleger","Kaub",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor94 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib94 = new InfoBox(myOptions); infoWindows608.push(ib94); markerAnchor94.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib94.open(map, markerAnchor94); // map.panTo(myLatLng); }); var lat = 50.359752; var lng = 7.604660; var myLatLng = {lat: lat, lng: lng}; var markerAnchor97 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor97); var contentStringAnchor97 = createContentString608("Anleger","Koblenz",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor97 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib97 = new InfoBox(myOptions); infoWindows608.push(ib97); markerAnchor97.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib97.open(map, markerAnchor97); // map.panTo(myLatLng); }); var lat = 50.884765; var lng = 7.054166; var myLatLng = {lat: lat, lng: lng}; var markerAnchor100 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor100); var contentStringAnchor100 = createContentString608("Anleger","Köln - Porz",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor100 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib100 = new InfoBox(myOptions); infoWindows608.push(ib100); markerAnchor100.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib100.open(map, markerAnchor100); // map.panTo(myLatLng); }); var lat = 50.673391; var lng = 7.191808; var myLatLng = {lat: lat, lng: lng}; var markerAnchor102 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor102); var contentStringAnchor102 = createContentString608("Anleger","Königswinter",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor102 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib102 = new InfoBox(myOptions); infoWindows608.push(ib102); markerAnchor102.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib102.open(map, markerAnchor102); // map.panTo(myLatLng); }); var lat = 50.564013; var lng = 7.278756; var myLatLng = {lat: lat, lng: lng}; var markerAnchor105 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor105); var contentStringAnchor105 = createContentString608("Anleger","Linz",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor105 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib105 = new InfoBox(myOptions); infoWindows608.push(ib105); markerAnchor105.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib105.open(map, markerAnchor105); // map.panTo(myLatLng); }); var lat = 50.044884; var lng = 7.797247; var myLatLng = {lat: lat, lng: lng}; var markerAnchor107 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor107); var contentStringAnchor107 = createContentString608("Anleger","Lorch",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor107 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib107 = new InfoBox(myOptions); infoWindows608.push(ib107); markerAnchor107.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib107.open(map, markerAnchor107); // map.panTo(myLatLng); }); var lat = 50.299112; var lng = 7.603509; var myLatLng = {lat: lat, lng: lng}; var markerAnchor112 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor112); var contentStringAnchor112 = createContentString608("Anleger","Oberlahnstein",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor112 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib112 = new InfoBox(myOptions); infoWindows608.push(ib112); markerAnchor112.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib112.open(map, markerAnchor112); // map.panTo(myLatLng); }); var lat = 50.107753; var lng = 7.728578; var myLatLng = {lat: lat, lng: lng}; var markerAnchor114 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor114); var contentStringAnchor114 = createContentString608("Anleger","Oberwesel",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor114 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib114 = new InfoBox(myOptions); infoWindows608.push(ib114); markerAnchor114.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib114.open(map, markerAnchor114); // map.panTo(myLatLng); }); var lat = 50.579855; var lng = 7.231287; var myLatLng = {lat: lat, lng: lng}; var markerAnchor115 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor115); var contentStringAnchor115 = createContentString608("Anleger","Remagen",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor115 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib115 = new InfoBox(myOptions); infoWindows608.push(ib115); markerAnchor115.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib115.open(map, markerAnchor115); // map.panTo(myLatLng); }); var lat = 50.283802; var lng = 7.617956; var myLatLng = {lat: lat, lng: lng}; var markerAnchor116 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor116); var contentStringAnchor116 = createContentString608("Anleger","Rhens",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor116 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib116 = new InfoBox(myOptions); infoWindows608.push(ib116); markerAnchor116.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib116.open(map, markerAnchor116); // map.panTo(myLatLng); }); var lat = 49.977497; var lng = 7.923256; var myLatLng = {lat: lat, lng: lng}; var markerAnchor117 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor117); var contentStringAnchor117 = createContentString608("Anleger","Rüdesheim",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor117 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib117 = new InfoBox(myOptions); infoWindows608.push(ib117); markerAnchor117.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib117.open(map, markerAnchor117); // map.panTo(myLatLng); }); var lat = 50.150848; var lng = 7.715970; var myLatLng = {lat: lat, lng: lng}; var markerAnchor118 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor118); var contentStringAnchor118 = createContentString608("Anleger","St. Goar",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor118 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib118 = new InfoBox(myOptions); infoWindows608.push(ib118); markerAnchor118.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib118.open(map, markerAnchor118); // map.panTo(myLatLng); }); var lat = 50.154230; var lng = 7.715763; var myLatLng = {lat: lat, lng: lng}; var markerAnchor119 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor119); var contentStringAnchor119 = createContentString608("Anleger","St. Goarshausen",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor119 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib119 = new InfoBox(myOptions); infoWindows608.push(ib119); markerAnchor119.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib119.open(map, markerAnchor119); // map.panTo(myLatLng); }); var lat = 50.600574; var lng = 7.214746; var myLatLng = {lat: lat, lng: lng}; var markerAnchor121 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor121); var contentStringAnchor121 = createContentString608("Anleger","Unkel",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor121 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib121 = new InfoBox(myOptions); infoWindows608.push(ib121); markerAnchor121.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib121.open(map, markerAnchor121); // map.panTo(myLatLng); }); var lat = 50.826592; var lng = 6.983876; var myLatLng = {lat: lat, lng: lng}; var markerAnchor122 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor122); var contentStringAnchor122 = createContentString608("Anleger","Wesseling",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor122 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib122 = new InfoBox(myOptions); infoWindows608.push(ib122); markerAnchor122.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib122.open(map, markerAnchor122); // map.panTo(myLatLng); }); var lat = 50.035969; var lng = 8.237322; var myLatLng = {lat: lat, lng: lng}; var markerAnchor254 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor254); var contentStringAnchor254 = createContentString608("Anleger","Wiesbaden-Biebrich",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor254 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib254 = new InfoBox(myOptions); infoWindows608.push(ib254); markerAnchor254.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib254.open(map, markerAnchor254); // map.panTo(myLatLng); }); var lat = 50.735599; var lng = 7.107968; var myLatLng = {lat: lat, lng: lng}; var markerAnchor255 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor255); var contentStringAnchor255 = createContentString608("Anleger","Bonn",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor255 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib255 = new InfoBox(myOptions); infoWindows608.push(ib255); markerAnchor255.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib255.open(map, markerAnchor255); // map.panTo(myLatLng); }); var lat = 50.001502; var lng = 8.277586; var myLatLng = {lat: lat, lng: lng}; var markerAnchor256 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor256); var contentStringAnchor256 = createContentString608("Anleger","Mainz",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor256 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib256 = new InfoBox(myOptions); infoWindows608.push(ib256); markerAnchor256.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib256.open(map, markerAnchor256); // map.panTo(myLatLng); }); var lat = 50.060040; var lng = 7.770576; var myLatLng = {lat: lat, lng: lng}; var markerAnchor334 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor334); var contentStringAnchor334 = createContentString608("Anleger","Bacharach",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor334 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib334 = new InfoBox(myOptions); infoWindows608.push(ib334); markerAnchor334.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib334.open(map, markerAnchor334); // map.panTo(myLatLng); }); var lat = 50.937816; var lng = 6.963141; var myLatLng = {lat: lat, lng: lng}; var markerAnchor338 = new google.maps.Marker({ position: myLatLng, zIndex: 100, icon:anchorMarker, map: map }); anchorMarkers608.push(markerAnchor338); var contentStringAnchor338 = createContentString608("Anleger","Köln",'', 'Mehr erfahren'); var myOptions = { content: contentStringAnchor338 , disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -290), zIndex: 100 ,boxStyle: { width: '360px' }, closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false }; var ib338 = new InfoBox(myOptions); infoWindows608.push(ib338); markerAnchor338.addListener('click', function() { for (i=0; i< infoWindows608.length; i++) { infoWindows608[i].close(); } ib338.open(map, markerAnchor338); // map.panTo(myLatLng); }); } /** * add Point of Interest marker to map */ function addPoiMarker608(map){ poiMarkers608 = []; } var lat608 = 50.446085; var lng608 = 7.592793; var zoom608 = 8; var map608; /** * initialize map */ function initMap608() { var mapType = google.maps.MapTypeId.TERRAIN; var myLatlng = new google.maps.LatLng(lat608, lng608); var mapOptions = { zoom: zoom608, mapTypeControl: false, streetViewControl: false, scrollwheel: false, center: myLatlng, mapTypeId: mapType }; map608 = new google.maps.Map(document.getElementById('map608'), mapOptions); } function createMenu608(id) { var menuStartId = 608; var routes = eval("routes"+id); var mapMenu = $('#mapmenu'+id); $(mapMenu).html(""); var i=menuStartId*10; i++; var contentString = "

"+ ""+ "Anleger der KD"+ "

"; i++; mapMenu.append(contentString); var contentString = "

"+ ""+ "Touristische Einrichtungen"+ "

"; i++; mapMenu.append(contentString); $.each(routes, function(id,value) { var filterClass = 'mod_map__filter--green'; if(value.name == 'Radtouren') { filterClass='mod_map__filter--orange'; } var contentString = "

"+ ""+ ""+value.name+""+ "

"; i++; mapMenu.append(contentString); }); } /** * initialize map, anchor and layer */ function initialize608() { console.log('Initialized MAP'); initMap608(); addPoiMarker608(map608); addAnchorMarker608(map608); layer608(map608); createMenu608(608); } function setMarkersAndLayer608() { var map = map608; var routes = routes608; var poiMarkers = poiMarkers608; var anchorMarkers = anchorMarkers608; $.each(routes, function(index,value) { $.each(value.layer, function(index2, value2) { value2.setMap(map); }); }); $.each(poiMarkers, function(index,value) { value.setMap(map); }); $.each(anchorMarkers, function(index,value) { value.setMap(map); }); } /** * call initialize method */ /** IMPORTANT NOTE: Do not indent after a "{" since this will lead to a "Unexpected token {" error since Typo3 Fluid is trying to render it. Not indenting seems to help and prevents the use of { **/ document.addEventListener("DOMContentLoaded", function(event) { var mapLoaded608 = false; var video = document.getElementById('map608') var visibility = VisSense(video); var visibility_monitor608 = visibility.monitor({ visible: function() { if (!mapLoaded608) { /* console.log('Map is visible. Load it. ID: ' + 608); */ initialize608(); } else { /* console.log('Map is already visible. Do nothing. ID: ' + 608); */ } mapLoaded608 = true; }, hidden: function() { /* console.log('Map is not in viewport. ID: ' + 608); */ } }).start(); }); /** End: Important Note **/ function toggleRoute608(elem,route) { var elementId = $(elem).attr('for'); var element = $("#"+elementId); $.each(routes608, function(index,value) { if(value.name == route) { $.each(value.layer, function(layerindex, kmllayer) { if(element[0].checked) { kmllayer.setMap(null); } else { kmllayer.setMap(map608); } }); } }); } function toggleAnchor608() { $.each(anchorMarkers608,function(index,value) { if(value.getMap()==null) { value.setMap(map608); } else { value.setMap(null); } }); } function togglePoi608() { console.log(poiMarkers608); $.each(poiMarkers608,function(index,value) { if(value.getMap()==null) { value.setMap(map608); } else { value.setMap(null); } }); }}