title: How to put the google map in grey
body: <p>this is my code. presently the map is normal.i want to apply this in a website with dark theme   color and so I want this map in grey shade can any one help please?</p>
  
  <pre><code>    &lt;html&gt;
       &lt;head&gt;
       &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
  
       &lt;style type="text/css"&gt;
       body { font: normal 10pt Helvetica, Arial; }
       #map { width: 350px; height: 300px; border: 0px; padding: 0px; }
       &lt;/style&gt;
  
      &lt;script src="https://maps.googleapis.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://code.google.com/apis/gears
      /gears_init.js"&gt;&lt;/script&gt;
  
       &lt;/head&gt;
       &lt;body&gt;
       &lt;div id="map" style="height: 500px; width: 500px;"&gt;
  
      &lt;script type="text/javascript"&gt;
  
      var mapOpts = { mapTypeId: google.maps.MapTypeId.TERRAIN, zoom: 2, center:
      new google.maps.LatLng(20, 0) }; 
      var map = new google.maps.Map(document.getElementById("map"), mapOpts); 
      var infoWindow = new google.maps.InfoWindow(); 
     var markerBounds = new google.maps.LatLngBounds(); 
      var markerArray = []; 
  
     function makeMarker(options) { 
    var pushPin = new google.maps.Marker({ map: map }); 
    pushPin.setOptions(options); 
    google.maps.event.addListener(pushPin, "click", 
    function () { infoWindow.setOptions(options); 
    infoWindow.open(map, pushPin); });
    markerBounds.extend(options.position); 
    markerArray.push(pushPin);
    return pushPin; } google.maps.event.addListener(map, "click", 
    function () { infoWindow.close(); }); 
  
        makeMarker({ title: "Test1", position: new google.maps.LatLng(10, 10),
       content: "Content1",      icon: '' });
        makeMarker({ title: "Test2", position: new google.maps.LatLng(20, 20),
      content: "Content2",    icon: '' });
        makeMarker({ title: "Test3", position: new google.maps.LatLng(30, 30), 
     content: "Content3", icon: '' });
  
   &lt;/script&gt;
   &lt;/div&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>Hi, this is my code. presently the map is normal.i want to apply this in a website with dark theme   color and so I want this map in grey shade can any one help please?</p>
  
  <p>you can view this at: <a href="http://jsfiddle.net/1nqrwvgk/" rel="nofollow">http://jsfiddle.net/1nqrwvgk/</a></p>