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-updated.svg" } var markerJMDJMD15771 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.6091326267112, -5.52894369049068) }); google.maps.event.addListener(markerJMDJMD15771, 'click', onMarkerClick); markers.push(markerJMDJMD15771); // 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-updated.svg" } var markerJMDJMB16620 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.593559316821, -5.68875564169412) }); google.maps.event.addListener(markerJMDJMB16620, 'click', onMarkerClick); markers.push(markerJMDJMB16620); // 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-updated.svg" } var markerJMDJMD22277 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.5915253241848, -5.56248390546395) }); google.maps.event.addListener(markerJMDJMD22277, 'click', onMarkerClick); markers.push(markerJMDJMD22277); // 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-updated.svg" } var markerJMDJMD23368 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.555800510164, -5.54775975278435) }); google.maps.event.addListener(markerJMDJMD23368, 'click', onMarkerClick); markers.push(markerJMDJMD23368); // 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-updated.svg" } var markerJMDJMD23544 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.5478584583925, -5.49071495693781) }); google.maps.event.addListener(markerJMDJMD23544, 'click', onMarkerClick); markers.push(markerJMDJMD23544); // 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-updated.svg" } var markerJMBJMB23498 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.6063861145959, -5.85363045616149) }); google.maps.event.addListener(markerJMBJMB23498, 'click', onMarkerClick); markers.push(markerJMBJMB23498); // 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-updated.svg" } var markerJMHJMH23673 = new google.maps.Marker({ map: map, icon: icon, position: new google.maps.LatLng(54.6744257012149, -5.74288790110239) }); google.maps.event.addListener(markerJMHJMH23673, 'click', onMarkerClick); markers.push(markerJMHJMH23673); 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);