The Centre @ Springwood

var mapElement = document.getElementById('map'); // Create the Google Map using out element and options defined above var map = new google.maps.Map(mapElement, mapOptions); var mapMarker = { path: 'M76.861,61.904C81.936,55.882,85,48.108,85,39.615C85,20.498,69.502,5,50.385,5S15.77,20.498,15.77,39.615 c0,8.493,3.063,16.267,8.139,22.289L50.385,95L76.861,61.904z M50.385,28.769c5.99,0,10.847,4.856,10.847,10.846 c0,5.99-4.856,10.847-10.847,10.847s-10.848-4.856-10.848-10.847C39.537,33.625,44.395,28.769,50.385,28.769z', fillColor: '#f7ac1a', fillOpacity: 1, scale: 0.9, strokeWeight: 0, anchor: new google.maps.Point(50, 85), }; // Next, put it somewhere. var marker = new google.maps.Marker({ position: mapPos, // Coordinates. Set your own. map: map, // This is the map Object. icon: mapMarker, }); $('.map a[data-function="fullscreen"]').bind('click', function(e) { e.preventDefault(); var mapEl = document.getElementById("map"); if(mapEl.requestFullscreen) { mapEl.requestFullscreen(); $(mapEl).css('height', '100vh'); google.maps.event.trigger(map, 'resize'); map.setCenter(mapPos); map.set('disableDefaultUI', false); } else if(mapEl.mozRequestFullScreen) { mapEl.mozRequestFullScreen(); $(mapEl).css('height', '100vh'); google.maps.event.trigger(map, 'resize'); map.setCenter(mapPos); map.set('disableDefaultUI', false); } else if(mapEl.webkitRequestFullscreen) { mapEl.webkitRequestFullscreen(); $(mapEl).css('height', '100vh'); google.maps.event.trigger(map, 'resize'); map.setCenter(mapPos); map.set('disableDefaultUI', false); } else if(mapEl.msRequestFullscreen) { mapEl.msRequestFullscreen(); $(mapEl).css('height', '100vh'); google.maps.event.trigger(map, 'resize'); map.setCenter(mapPos); map.set('disableDefaultUI', false); } }); // Events document.addEventListener("fullscreenchange", function(e) { var target = e.target; if (document.fullscreenElement == null) { $(target).css('height', ''); google.maps.event.trigger(map, 'resize'); map.setCenter(mapPos); map.set('disableDefaultUI', true); } }); document.addEventListener("mozfullscreenchange", function(e) { var target = e.target; if (document.mozFullScreenElement == null) { $(target).css('height', ''); google.maps.event.trigger(map, 'resize'); map.setCenter(mapPos); map.set('disableDefaultUI', true); } }); document.addEventListener("webkitfullscreenchange", function(e) { var target = e.target; if (document.webkitFullscreenElement == null) { $(target).css('height', ''); google.maps.event.trigger(map, 'resize'); map.setCenter(mapPos); map.set('disableDefaultUI', true); } }); document.addEventListener("msfullscreenchange", function(e) { var target = e.target; if (document.msFullscreenElement == null) { $(target).css('height', ''); google.maps.event.trigger(map, 'resize'); map.setCenter(mapPos); map.set('disableDefaultUI', true); } }); // Zoom functions $('.map a[data-function="zoomIn"]').bind('click', function(e) { e.preventDefault(); if (mapZoom < 19) { mapZoom++; map.setZoom(mapZoom); if (mapZoom == 19) { $('a[data-function="zoomIn"]').attr('disabled', ''); } else if (mapZoom == 14) { $('a[data-function="zoomOut"]').attr('disabled', ''); } else { $('a[data-function="zoomIn"]').removeAttr('disabled'); $('a[data-function="zoomOut"]').removeAttr('disabled'); } } }); $('.map a[data-function="zoomOut"]').bind('click', function(e) { e.preventDefault(); if (mapZoom > 14) { mapZoom--; map.setZoom(mapZoom); if (mapZoom == 19) { $('a[data-function="zoomIn"]').attr('disabled', ''); } else if (mapZoom == 14) { $('a[data-function="zoomOut"]').attr('disabled', ''); } else { $('a[data-function="zoomIn"]').removeAttr('disabled'); $('a[data-function="zoomOut"]').removeAttr('disabled'); } } }); }