// Create and Initialise the Map (required) our google map below google.maps.event.addDomListener(window, 'load', init); /* Footer Map */ function initMap() { // Basic options for a simple Google Map // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions var mapOptions = { // How zoomed in you want the map to start at (always required) zoom: 14, // Disable Zoom on Mouse Wheel Scroll scrollwheel: false, // The latitude and longitude to center the map (always required) center: new google.maps.LatLng(53.278907, -6.376372), // South City Business Park, Tallaght, Dublin 24. // How you would like to style the map. styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#c0eafb"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#eef1fa"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#eef1fa"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#cac9d7"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}] }; var mapElement = document.getElementById('map'); // Create the Google Map using out element and options defined above var map = new google.maps.Map(mapElement, mapOptions); // Following section, you can create your info window content using html markup var contentString = '
'+ '

TechPlus Ltd.

'+ '
'+ '

Unit E9, South City Business Park, Tallaght, Dublin 24, D24 XT61, Ireland.

Email: info@techplus.ie
Phone: 00353 (0)1 404 9060

'+ '
'+ '
'; // Define the image to use for the map marker (58 x 44 px) var image = 'js/plugins/imagemanager/files/map-marker.png'; // Define the Lattitude and Longitude for the map location var myLatLng = new google.maps.LatLng(53.278907, -6.376372); // Define the map marker characteristics var mapMarker = new google.maps.Marker({ position: myLatLng, map: map, icon: image, title: 'TechPlus Ltd.' }); // Following Lines are needed if you use the Info Window to display content when map marker is clicked var infowindow = new google.maps.InfoWindow({ content: contentString }); // Following line turns the marker, into a clickable button and when clicked, opens the info window google.maps.event.addListener(mapMarker, 'click', function() { infowindow.open(map, mapMarker); }); }