Autoservice in Düsseldorf, seite #1

') } // Map Infoboxes ------------------ var locations = [ [locationData('', '/images/logo-icon-white.jpg', 'Autoreparatur Athanasios Akritidis', 'Reisholzer Str. 42 40231 Düsseldorf Düsseldorf', 'fal fa-info', '4', '5', 'open'), 51.2071285, 6.8319344, 0, '/images/logo-icon-white.jpg'], [locationData('', '/images/logo-icon-white.jpg', 'Autovertrieb Gerstmann GmbH ', 'Prof.-Oehler-Straße 1 40589 Düsseldorf Düsseldorf', 'fal fa-info', '0', '5', 'open'), 51.1675719, 6.8493453, 0, '/images/logo-icon-white.jpg'], [locationData('', '/images/logo-icon-white.jpg', 'Autohaus Thomas Süper', 'Bonner Straße 181-183 40589 Düsseldorf Düsseldorf', 'fal fa-info', '0', '5', 'open'), 51.1665997, 6.8476168, 0, '/images/logo-icon-white.jpg'], [locationData('/firmen/hans-sombrowski-ek-karosserie-fachbetrieb-autolackiererei/', '/images/logo-icon-white.jpg', 'Hans Sombrowski e.K. Karosserie Fachbetrieb/Autolackiererei', ' Düsseldorf', 'fal fa-info', '0', '5', 'open'), 51.2277411, 6.7734556, 0, '/images/logo-icon-white.jpg'], [locationData('/firmen/skoda-centrum-duesseldorf-gmbh-co-kg/', '/images/logo-icon-white.jpg', 'Skoda Centrum Düsseldorf GmbH & Co KG', ' Düsseldorf', 'fal fa-info', '2', '5', 'open'), 51.2277411, 6.7734556, 0, '/images/logo-icon-white.jpg'], [locationData('/firmen/mro-autoelektrik-gmbh/', '/images/logo-icon-white.jpg', 'MRO Autoelektrik GmbH', 'Benrather Schloßallee 65 40597 Düsseldorf Düsseldorf', 'fal fa-info', '2', '5', 'open'), 51.1623406, 6.862956, 0, '/images/logo-icon-white.jpg'] // [locationData('listing-single2.html', 'images/all/1.jpg', 'Luxary Resaturant', " 27th Brooklyn New York, USA", 'cafe-cat', "5", "12", "open"), 40.72956781, -73.99726866, 0, 'images/all/1.jpg'], // [locationData('listing-single.html', 'images/all/1.jpg', 'Rocko Band in Marquee Club', "75 Prince St, NY, USA", 'event-cat', "4", "6", "27 may 2019"), 40.76221766, -73.96511769, 1, 'images/all/1.jpg'], // [locationData('listing-single.html', 'images/all/1.jpg', 'Premium Fitness Gym', " W 85th St, New York, USA", 'gym-cat', "3", "4", "close"), 40.88496706, -73.88191222, 2, 'images/all/1.jpg'], // [locationData('listing-single.html', 'images/all/1.jpg', 'MontePlaza Hotel', " 70 Bright St New York, USA", 'hotels-cat', "4", "12", "open"), 40.72228267, -73.99246214, 3, 'images/all/1.jpg'], // [locationData('listing-single.html', 'images/all/1.jpg', 'Handmade Shop', "34-42 Montgomery St, New York, NY", 'shop-cat', "5", "9", "close"), 40.94982541, -73.84357452, 4, 'images/all/1.jpg'], // [locationData('listing-single.html', 'images/all/1.jpg', 'Iconic Cafe in Manhattan', " 40 Journal Square Plaza, NJ, USA", 'cafe-cat', "4", "26", "open"), 40.90261483, -74.15737152, 5, 'images/all/1.jpg'], // [locationData('listing-single.html', 'images/all/1.jpg', 'Zebra Premium Hotel', "123 School St. Lynchburg, NY ", 'hotels-cat', "4", "12", "open"), 40.79145927, -74.08252716, 6, 'images/all/1.jpg'], // [locationData('listing-single2.html', 'images/all/1.jpg', 'Web Design Event', "Mt Carmel Pl, New York, NY", 'event-cat', "5", "12", "4 April 2019"), 40.58423508, -73.96099091, 7, 'images/all/1.jpg'], // [locationData('listing-single2.html', 'images/all/1.jpg', 'Premium Gym In NY', "1-30 Hunters Point Ave, Long Island City, NY", 'gym-cat', "3", "7", "open"), 40.58110616, -73.97678375, 8, 'images/all/1.jpg'], // [locationData('listing-single3.html', 'images/all/1.jpg', 'NY Plaza Hotel', "726-1728 2nd Ave, New York, NY", 'hotels-cat', "5", "12", "open"), 40.73112881, -74.07897948, 9, 'images/all/1.jpg'], // [locationData('listing-single3.html', 'images/all/1.jpg', 'Bistro in City Center', "9443 Fairview Ave, North Bergen, NJ", 'cafe-cat', "3", "8", "open"), 40.67386831, -74.10438536, 10, 'images/all/1.jpg'], ]; // Map Infoboxes end ------------------ var map = new google.maps.Map(document.getElementById('map-main'), { zoom: 10, scrollwheel: false, center: new google.maps.LatLng(51.2277411, 6.7734556), mapTypeId: google.maps.MapTypeId.ROADMAP, zoomControl: false, mapTypeControl: false, scaleControl: false, panControl: false, fullscreenControl: true, navigationControl: false, streetViewControl: false, animation: google.maps.Animation.BOUNCE, gestureHandling: 'cooperative', styles: [{ "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [{"color": "#444444" }] }] }); var boxText = document.createElement("div"); boxText.className = 'map-box' var currentInfobox; var boxOptions = { content: boxText, disableAutoPan: true, alignBottom: true, maxWidth: 0, pixelOffset: new google.maps.Size(-150, -55), zIndex: null, boxStyle: { width: "300px" }, closeBoxMargin: "0", closeBoxURL: "", infoBoxClearance: new google.maps.Size(1, 1), isHidden: false, pane: "floatPane", enableEventPropagation: false, }; var markerCluster, overlay, i; var allMarkers = []; var clusterStyles = [{ textColor: 'white', url: '', height: 50, width: 50 }]; var ib = new InfoBox(); google.maps.event.addListener(ib, "domready", function() { cardRaining(); }); var markerImg; var markerCount; for (i = 0; i < locations.length; i++) { var labels = '123456789'; markerImg = locations[i][4]; markerCount = locations[i][3] + 1; var overlaypositions = new google.maps.LatLng(locations[i][1], locations[i][2]), overlay = new CustomMarker(overlaypositions, map, { marker_id: i}, markerImg, markerCount ); allMarkers.push(overlay); google.maps.event.addDomListener(overlay, 'click', (function(overlay, i) { return function() {ib.setOptions(boxOptions);boxText.innerHTML = locations[i][0];ib.close();ib.open(map, overlay);currentInfobox = locations[i][3];var latLng = new google.maps.LatLng(locations[i][1], locations[i][2]);map.panTo(latLng);map.panBy(0, -110);google.maps.event.addListener(ib, 'domready', function() { $('.infoBox-close').click(function(e) { e.preventDefault(); ib.close(); $('.map-marker-container').removeClass('clicked infoBox-opened'); });}); } })(overlay, i)); } var options2 = { imagePath: '', styles: clusterStyles, minClusterSize: 2 }; markerCluster = new MarkerClusterer(map, allMarkers, options2); google.maps.event.addDomListener(window, "resize", function() { var center = map.getCenter(); google.maps.event.trigger(map, "resize"); map.setCenter(center); }); $('.map-item').on("click", function(e) { e.preventDefault(); map.setZoom(15); var index = currentInfobox; var marker_index = parseInt($(this).attr('href').split('#')[1], 10); google.maps.event.trigger(allMarkers[marker_index - 1], "click"); if ($(window).width() > 1064) { if ($(".map-container").hasClass("fw-map")) {$('html, body').animate({ scrollTop: $(".map-container").offset().top + "-110px"}, 1000)return false; } } }); $('.nextmap-nav').on("click", function(e) { e.preventDefault(); map.setZoom(15); var index = currentInfobox; if (index + 1 < allMarkers.length) { google.maps.event.trigger(allMarkers[index + 1], 'click'); } else { google.maps.event.trigger(allMarkers[0], 'click'); } }); $('.prevmap-nav').on("click", function(e) { e.preventDefault(); map.setZoom(15); if (typeof(currentInfobox) == "undefined") { google.maps.event.trigger(allMarkers[allMarkers.length - 1], 'click'); } else { var index = currentInfobox; if (index - 1 < 0) {google.maps.event.trigger(allMarkers[allMarkers.length - 1], 'click'); } else {google.maps.event.trigger(allMarkers[index - 1], 'click'); } } }); // Scroll enabling button var scrollEnabling = $('.scrollContorl'); $(scrollEnabling).click(function(e) { e.preventDefault(); $(this).toggleClass("enabledsroll"); if ($(this).is(".enabledsroll")) { map.setOptions({'scrollwheel': true }); } else { map.setOptions({'scrollwheel': false }); } }); var zoomControlDiv = document.createElement('div'); var zoomControl = new ZoomControl(zoomControlDiv, map); function ZoomControl(controlDiv, map) { zoomControlDiv.index = 1; map.controls[google.maps.ControlPosition.RIGHT_CENTER].push(zoomControlDiv); controlDiv.style.padding = '5px'; var controlWrapper = document.createElement('div'); controlDiv.appendChild(controlWrapper); var zoomInButton = document.createElement('div'); zoomInButton.className = "mapzoom-in"; controlWrapper.appendChild(zoomInButton); var zoomOutButton = document.createElement('div'); zoomOutButton.className = "mapzoom-out"; controlWrapper.appendChild(zoomOutButton); google.maps.event.addDomListener(zoomInButton, 'click', function() { map.setZoom(map.getZoom() + 1); }); google.maps.event.addDomListener(zoomOutButton, 'click', function() { map.setZoom(map.getZoom() - 1); }); } // Geo Location Button $(".geoLocation, .input-with-icon.location a").on("click", function(e) { e.preventDefault(); geolocate(); }); function geolocate() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) {var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);map.setCenter(pos);map.setZoom(12);var avrtimg = $(".avatar-img").attr("data-srcav");var markerIcon3 = { url: avrtimg,}var marker3 = new google.maps.Marker({ position: pos, map: map, icon: markerIcon3, title: 'Your location'});var myoverlay = new google.maps.OverlayView();myoverlay.draw = function() { // add an id to the layer that includes all the markers so you can use it in CSS this.getPanes().markerLayer.id = 'markerLayer';};myoverlay.setMap(map); }); } }}function CustomMarker(latlng, map, args, markerImg, markerCount) { this.latlng = latlng; this.args = args; this.markerImg = markerImg; this.markerCount = markerCount; this.setMap(map);}CustomMarker.prototype = new google.maps.OverlayView();CustomMarker.prototype.draw = function() { var self = this; var div = this.div; if (!div) { div = this.div = document.createElement('div'); div.className = 'map-marker-container'; div.innerHTML = '

' + '' + self.markerCount + '' + '

' + '

' + // Clicked marker highlight google.maps.event.addDomListener(div, "click", function(event) { $('.map-marker-container').removeClass('clicked infoBox-opened'); google.maps.event.trigger(self, "click"); $(this).addClass('clicked infoBox-opened'); }); if (typeof(self.args.marker_id) !== 'undefined') { div.dataset.marker_id = self.args.marker_id; } var panes = this.getPanes(); panes.overlayImage.appendChild(div); } var point = this.getProjection().fromLatLngToDivPixel(this.latlng); if (point) { div.style.left = (point.x) + 'px'; div.style.top = (point.y) + 'px'; }};CustomMarker.prototype.remove = function() { if (this.div) { this.div.parentNode.removeChild(this.div); this.div = null; $(this).removeClass('clicked'); }};CustomMarker.prototype.getPosition = function() { return this.latlng;};// -------------- Custom Map Marker / End -------------- // var head = document.getElementsByTagName('head')[0];// Save the original methodvar insertBefore = head.insertBefore;// Replace it!head.insertBefore = function(newElement, referenceElement) { if (newElement.href && newElement.href.indexOf('https://fonts.googleapis.com/css?family=Roboto') === 0) { return; } insertBefore.call(head, newElement, referenceElement);};var map = document.getElementById('map-main');if (typeof(map) != 'undefined' && map != null) { google.maps.event.addDomListener(window, 'load', mainMap);} })(this.jQuery);