title: Adding Custom Map Styles to jQuery Store Locator Plugin
body: <p>I'm working on a store locator for a client site that uses the jQuery Store Locator plugin (<a href="https://github.com/bjorn2404/jQuery-Store-Locator-Plugin" rel="nofollow">https://github.com/bjorn2404/jQuery-Store-Locator-Plugin</a>).</p>
  
  <p>I'm trying to incorporate some custom map styles:</p>
  
  <pre><code>stylers: [
      { 'saturation': '-62' },
      { 'gamma': '0.5' }
    ]
  </code></pre>
  
  <p>I thought I could put them into the mapSettings parameter, but they're not being recognized. I've tried every bracket variation I can think of, to no avail.</p>
  
  <p>I'm thinking now that I need to go into the jquery.storelocator.js, and add it there, but I'm having trouble finding where to put it (if that's even the best solution).</p>
  
  <p>Any ideas?</p>
  
  <p><strong>UPDATE</strong>
  Here is the code as I have tried to implement it:</p>
  
  <pre><code>&lt;script&gt;
  $(function() {
      $('#map-container').storeLocator({
          'dataType': 'json',
          'dataLocation': '/data/locations.php',
          'slideMap' : true,
          'mapSettings' : { zoom : 12, mapTypeId: google.maps.MapTypeId.ROADMAP, stylers : [{'saturation' :'-62'}] }
      });
  });
  &lt;/script&gt;
  </code></pre>