179 lines
		
	
	
		
			5.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			179 lines
		
	
	
		
			5.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| /*!
 | |
|  * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 | |
|  * Code licensed under the Apache License v2.0.
 | |
|  * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 | |
|  */
 | |
| 
 | |
| // jQuery to collapse the navbar on scroll
 | |
| $(window).scroll(function() {
 | |
|     if ($(".navbar").offset().top > 50) {
 | |
|         $(".navbar-fixed-top").addClass("top-nav-collapse");
 | |
|     } else {
 | |
|         $(".navbar-fixed-top").removeClass("top-nav-collapse");
 | |
|     }
 | |
| });
 | |
| 
 | |
| // jQuery for page scrolling feature - requires jQuery Easing plugin
 | |
| $(function() {
 | |
|     $('a.page-scroll').bind('click', function(event) {
 | |
|         var $anchor = $(this);
 | |
|         $('html, body').stop().animate({
 | |
|             scrollTop: $($anchor.attr('href')).offset().top
 | |
|         }, 1500, 'easeInOutExpo');
 | |
|         event.preventDefault();
 | |
|     });
 | |
| });
 | |
| 
 | |
| // Closes the Responsive Menu on Menu Item Click
 | |
| $('.navbar-collapse ul li a').click(function() {
 | |
|     $('.navbar-toggle:visible').click();
 | |
| });
 | |
| 
 | |
| // Google Maps Scripts
 | |
| // When the window has finished loading create our google map below
 | |
| google.maps.event.addDomListener(window, 'load', init);
 | |
| 
 | |
| function init() {
 | |
|     // 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: 13,
 | |
| 
 | |
|         // The latitude and longitude to center the map (always required)
 | |
|         center: new google.maps.LatLng(42.274469, -71.807776), // Worcester MA
 | |
| 
 | |
|         // Disables the default Google Maps UI components
 | |
|         disableDefaultUI: true,
 | |
|         scrollwheel: false,
 | |
|         draggable: false,
 | |
| 
 | |
|         // How you would like to style the map. 
 | |
|         // This is where you would paste any style found on Snazzy Maps.
 | |
|         styles: [{
 | |
|             "featureType": "water",
 | |
|             "elementType": "geometry",
 | |
|             "stylers": [{
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 17
 | |
|             }]
 | |
|         }, {
 | |
|             "featureType": "landscape",
 | |
|             "elementType": "geometry",
 | |
|             "stylers": [{
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 20
 | |
|             }]
 | |
|         }, {
 | |
|             "featureType": "road.highway",
 | |
|             "elementType": "geometry.fill",
 | |
|             "stylers": [{
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 17
 | |
|             }]
 | |
|         }, {
 | |
|             "featureType": "road.highway",
 | |
|             "elementType": "geometry.stroke",
 | |
|             "stylers": [{
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 29
 | |
|             }, {
 | |
|                 "weight": 0.2
 | |
|             }]
 | |
|         }, {
 | |
|             "featureType": "road.arterial",
 | |
|             "elementType": "geometry",
 | |
|             "stylers": [{
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 18
 | |
|             }]
 | |
|         }, {
 | |
|             "featureType": "road.local",
 | |
|             "elementType": "geometry",
 | |
|             "stylers": [{
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 16
 | |
|             }]
 | |
|         }, {
 | |
|             "featureType": "poi",
 | |
|             "elementType": "geometry",
 | |
|             "stylers": [{
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 21
 | |
|             }]
 | |
|         }, {
 | |
|             "elementType": "labels.text.stroke",
 | |
|             "stylers": [{
 | |
|                 "visibility": "on"
 | |
|             }, {
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 16
 | |
|             }]
 | |
|         }, {
 | |
|             "elementType": "labels.text.fill",
 | |
|             "stylers": [{
 | |
|                 "saturation": 36
 | |
|             }, {
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 40
 | |
|             }]
 | |
|         }, {
 | |
|             "elementType": "labels.icon",
 | |
|             "stylers": [{
 | |
|                 "visibility": "off"
 | |
|             }]
 | |
|         }, {
 | |
|             "featureType": "transit",
 | |
|             "elementType": "geometry",
 | |
|             "stylers": [{
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 19
 | |
|             }]
 | |
|         }, {
 | |
|             "featureType": "administrative",
 | |
|             "elementType": "geometry.fill",
 | |
|             "stylers": [{
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 20
 | |
|             }]
 | |
|         }, {
 | |
|             "featureType": "administrative",
 | |
|             "elementType": "geometry.stroke",
 | |
|             "stylers": [{
 | |
|                 "color": "#000000"
 | |
|             }, {
 | |
|                 "lightness": 17
 | |
|             }, {
 | |
|                 "weight": 1.2
 | |
|             }]
 | |
|         }]
 | |
|     };
 | |
| 
 | |
|     // Get the HTML DOM element that will contain your map 
 | |
|     // We are using a div with id="map" seen below in the <body>
 | |
|     var mapElement = document.getElementById('map');
 | |
| 
 | |
|     // Create the Google Map using out element and options defined above
 | |
|     var map = new google.maps.Map(mapElement, mapOptions);
 | |
| 
 | |
|     // Custom Map Marker Icon - Customize the map-marker.png file to customize your icon
 | |
|     var image = 'img/map-marker.png';
 | |
|     var myLatLng = new google.maps.LatLng(42.274469, -71.807776);
 | |
|     var beachMarker = new google.maps.Marker({
 | |
|         position: myLatLng,
 | |
|         map: map,
 | |
|         icon: image
 | |
|     });
 | |
| }
 |