title: How to change the default google maps
body: <p>Recently I've found out <a href="http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html" rel="nofollow noreferrer">a way</a> to change google maps appearance as the following image suggests</p>
  
  <p><img src="https://i.stack.imgur.com/rWaL9.png" alt="enter image description here"></p>
  
  <p>In the help menu, it is adviced that <code>JSON</code> can be used to modify the default map or create a new style. Even though I can get the code and understand its meaning, I don't know how and where to use it to create a black and white map style. How can I do that?</p>
  
  <p>The code is </p>
  
  <pre><code>[
    {
      "featureType": "landscape",
      "stylers": [
        { "color": "#ffffff" }
      ]
    },{
      "featureType": "road",
      "stylers": [
        { "color": "#000000" }
      ]
    },{
      "featureType": "water",
      "elementType": "geometry",
      "stylers": [
        { "color": "#ffffff" }
      ]
    },{
      "featureType": "poi",
      "stylers": [
        { "color": "#ffffff" }
      ]
    }
  ]
  </code></pre>
  
  <p>Google suggests <a href="https://developers.google.com/maps/documentation/javascript/styling#styling_the_default_map" rel="nofollow noreferrer">a way</a> but I don't know how to apply it. Where is <code>MapOptions</code> for instance?</p>
  
  <p>Any ideas are more than welcome!</p>