Gray Google Maps

gray

by Emmanuel Garcia

HTML

<script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyAyQQt9kyJmROCFGnwL3rwnM9eDXAuCm_E&v=3.exp'></script>


<div id='gmap_canvas2' class="map"></div><script type='text/javascript'>function init_map(){var myOptions = {zoom:14,center:new google.maps.LatLng(22.990739, -109.733624),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById('gmap_canvas2'), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(22.990739, -109.733624)});infowindow = new google.maps.InfoWindow({content:'<strong>Club Regina Los Cabos</strong>'});google.maps.event.addListener(marker, 'click', function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>

CSS

.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
            
            height:280px;width:100%;
}
#gmap_canvas img{max-width:none!important;background:none!important}