"Maps "
Bootstrap 3.3.0 Snippet by Hi Jack !

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <style> #googleMap { width: 100%; /* Span the entire width of the screen */ height: 500px; /* Set the height to 400 pixels */ -webkit-filter: grayscale(100%); filter: grayscale(100%); /* Change the color of the map to black and white * / } </style> <div id="googleMap"></div> <!-- Add Google Maps --> <script src="http://maps.googleapis.com/maps/api/js"></script> <script> var myCenter = new google.maps.LatLng(46.205057, 6.143145); function initialize() { var mapProp = { center:myCenter, zoom:12, scrollwheel:true, draggable:true, mapTypeId:google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); var marker = new google.maps.Marker({ position:myCenter, }); marker.setMap(map); } google.maps.event.addDomListener(window, 'load', initialize); </script>

Related: See More


Questions / Comments: