/*! * mjbcSkyBlue.js * * Modified from StartBootstrap - Grayscale Bootstrap Theme * (http://startbootstrap.com) * Apache Code licensed: 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: 17, // The latitude and longitude to center the map (always required) // https://www.google.com.tw/maps/place/116%E5%8F%B0%E5%8C%97%E5%B8%82%E6%96%87%E5%B1%B1%E5%8D%80%E6%9C%A8%E6%96%B0%E8%B7%AF%E4%B8%89%E6%AE%B5258%E8%99%9F/@24.9813806,121.5586009,19.25z/data=!4m2!3m1!1s0x346801e09584331d:0x6e540d2dfc912c4f center: new google.maps.LatLng(24.9813806, 121.5586009), // Disables the default Google Maps UI components // disableDefaultUI: true, draggable: false, scrollwheel: 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": "#3333dd" }, { "lightness": 50 }] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [{ "color": "#aaddee" }, { "lightness": 80 }] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "color": "#3377cc" }, { "lightness": 60 }] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [{ "color": "#6688aa" }, { "lightness": 35 }, { "weight": 1.0 }] }, { "featureType": "road.arterial", "elementType": "geometry", "stylers": [{ "color": "#6688aa" }, { "lightness": 50 }, { "weight": 1.0 }] }, { "featureType": "road.local", "elementType": "geometry", "stylers": [{ "color": "#6688aa" }, { "lightness": 70 }, { "weight": 0.6 }] }, { "featureType": "poi", "elementType": "geometry", "stylers": [{ "color": "#99ccee" }, { "lightness": 70 }] }, { "elementType": "labels.text.stroke", "stylers": [{ "visibility": "on" }, { "color": "#eeeeff" }, { "lightness": 90 }, { "weight": 1.5 }] }, { "elementType": "labels.text.fill", "stylers": [{ "saturation": 75 }, { "color": "#333399" }, { "lightness": 10 }] }, { "elementType": "labels.icon", "stylers": [{ "visibility": "on" }] }, { "featureType": "transit", "elementType": "geometry", "stylers": [{ "color": "#6688aa" }, { "lightness": 50 }] }, { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [{ "color": "#6688aa" }, { "lightness": 50 }] }, { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [{ "color": "#6688aa" }, { "lightness": 25 }, { "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
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(24.9813806, 121.5586009); var beachMarker = new google.maps.Marker({ position: myLatLng, map: map, title: '基督教木柵浸信會', icon: image }); var infowindow = new google.maps.InfoWindow({ content: "基督教木柵浸信會