function initialize() { var mapOptions = { center: new google.maps.LatLng(54.59673227, -5.92712402), zoom: 11, mapTypeId: google.maps.MapTypeId.ROADMAP, scrollwheel: false, panControl: true, zoomControl: true, gestureHandling: 'auto', mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }, navigationControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.SMALL, position: google.maps.ControlPosition.RIGHT_TOP, }, streetViewControlOptions: { position: google.maps.ControlPosition.RIGHT_TOP } }; map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); var markers = []; // Plot Properties var infoWindow = new google.maps.InfoWindow({ maxWidth: 300 }); var onMarkerClick = function() { var marker = this; var latLng = marker.getPosition(); infoWindow.setContent(''); infoWindow.open(map, marker); }; google.maps.event.addListener(map, 'click', function() { infoWindow.close(); }); //var markerimg ='/images/map-marker-new.png'; var icon = { url: "/images/map-pin-new.svg", anchor: new google.maps.Point(25,50), scaledSize: new google.maps.Size(45,45) } var markerPQ135 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.5851892, -5.9298037) }); google.maps.event.addListener(markerPQ135, 'click', onMarkerClick); markers.push(markerPQ135); // Plot Properties var infoWindow = new google.maps.InfoWindow({ maxWidth: 300 }); var onMarkerClick = function() { var marker = this; var latLng = marker.getPosition(); infoWindow.setContent(''); infoWindow.open(map, marker); }; google.maps.event.addListener(map, 'click', function() { infoWindow.close(); }); //var markerimg ='/images/map-marker-new.png'; var icon = { url: "/images/map-pin-new.svg", anchor: new google.maps.Point(25,50), scaledSize: new google.maps.Size(45,45) } var markerPQ942 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.5839099, -5.9264994) }); google.maps.event.addListener(markerPQ942, 'click', onMarkerClick); markers.push(markerPQ942); // Plot Properties var infoWindow = new google.maps.InfoWindow({ maxWidth: 300 }); var onMarkerClick = function() { var marker = this; var latLng = marker.getPosition(); infoWindow.setContent(''); infoWindow.open(map, marker); }; google.maps.event.addListener(map, 'click', function() { infoWindow.close(); }); //var markerimg ='/images/map-marker-new.png'; var icon = { url: "/images/map-pin-new.svg", anchor: new google.maps.Point(25,50), scaledSize: new google.maps.Size(45,45) } var markerPQ360 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.583283, -5.9261388) }); google.maps.event.addListener(markerPQ360, 'click', onMarkerClick); markers.push(markerPQ360); // Plot Properties var infoWindow = new google.maps.InfoWindow({ maxWidth: 300 }); var onMarkerClick = function() { var marker = this; var latLng = marker.getPosition(); infoWindow.setContent(''); infoWindow.open(map, marker); }; google.maps.event.addListener(map, 'click', function() { infoWindow.close(); }); //var markerimg ='/images/map-marker-new.png'; var icon = { url: "/images/map-pin-new.svg", anchor: new google.maps.Point(25,50), scaledSize: new google.maps.Size(45,45) } var markerPQ420 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.5835489, -5.9236746) }); google.maps.event.addListener(markerPQ420, 'click', onMarkerClick); markers.push(markerPQ420); // Plot Properties var infoWindow = new google.maps.InfoWindow({ maxWidth: 300 }); var onMarkerClick = function() { var marker = this; var latLng = marker.getPosition(); infoWindow.setContent(''); infoWindow.open(map, marker); }; google.maps.event.addListener(map, 'click', function() { infoWindow.close(); }); //var markerimg ='/images/map-marker-new.png'; var icon = { url: "/images/map-pin-new.svg", anchor: new google.maps.Point(25,50), scaledSize: new google.maps.Size(45,45) } var markerPQ684 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.5849343, -5.9224459) }); google.maps.event.addListener(markerPQ684, 'click', onMarkerClick); markers.push(markerPQ684); // Plot Properties var infoWindow = new google.maps.InfoWindow({ maxWidth: 300 }); var onMarkerClick = function() { var marker = this; var latLng = marker.getPosition(); infoWindow.setContent(''); infoWindow.open(map, marker); }; google.maps.event.addListener(map, 'click', function() { infoWindow.close(); }); //var markerimg ='/images/map-marker-new.png'; var icon = { url: "/images/map-pin-new.svg", anchor: new google.maps.Point(25,50), scaledSize: new google.maps.Size(45,45) } var markerPQ561 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.5841607, -5.9278346) }); google.maps.event.addListener(markerPQ561, 'click', onMarkerClick); markers.push(markerPQ561); // Plot Properties var infoWindow = new google.maps.InfoWindow({ maxWidth: 300 }); var onMarkerClick = function() { var marker = this; var latLng = marker.getPosition(); infoWindow.setContent(''); infoWindow.open(map, marker); }; google.maps.event.addListener(map, 'click', function() { infoWindow.close(); }); //var markerimg ='/images/map-marker-new.png'; var icon = { url: "/images/map-pin-new.svg", anchor: new google.maps.Point(25,50), scaledSize: new google.maps.Size(45,45) } var markerPQ114 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.5856255, -5.9247003) }); google.maps.event.addListener(markerPQ114, 'click', onMarkerClick); markers.push(markerPQ114); google.maps.event.addListener(infoWindow, 'domready', function() { var iwOuter = $('.gm-style-iw'); var iwBackground = iwOuter.prev(); iwBackground.children(':nth-child(2)').css({'display' : 'none'}); iwBackground.children(':nth-child(4)').css({'display' : 'none'}); iwOuter.parent().parent().css({left: '0px'}); iwBackground.children(':nth-child(1)').attr('style', function(i,s){ return s + 'left: 155px !important;'}); iwBackground.children(':nth-child(3)').attr('style', function(i,s){ return s + 'left: 155px !important;'}); iwBackground.children(':nth-child(3)').find('div').children().css({'box-shadow': '', 'z-index' : '1'}); var iwCloseBtn = iwOuter.next(); iwCloseBtn.css({'display': 'none'}); }); var clusterStyles = [ { textColor: 'white', url: '/images/cluster-new.png', height: 50, width: 50 }, { textColor: 'white', url: '/images/cluster-new2.png', height: 50, width: 50 }, { textColor: 'white', url: '/images/cluster-new.png', height: 50, width: 50 } ]; // Clusters options. var clusterOp = { gridSize: 40, styles: clusterStyles, maxZoom: 15 }; // Construct the Clusters. var markerCluster = new MarkerClusterer(map, markers, clusterOp); var bounds = new google.maps.LatLngBounds(); for (var i = 0; i < markers.length; i++) { bounds.extend(markers[i].getPosition()); } map.fitBounds(bounds); } //google.maps.event.addDomListener(window, 'load', initialize);