title: Centering a map with javascript
body: <p>I have a website where I use some javascript to "scroll" a map. 
  This works great only I can't get the map to center on pageload.</p>
  
  <p>What I need is to center it</p>
  
  <p>The script I'm using called overscroll which is on Github: 
  <a href="https://github.com/azoff/Overscroll/blob/master/jquery.overscroll.js" rel="nofollow">https://github.com/azoff/Overscroll/blob/master/jquery.overscroll.js</a> </p>
  
  <p>On line 582 i think it need to be changed:</p>
  
  <pre><code>    position: 'absolute',
      opacity: options.persistThumbs ? settings.thumbOpacity : 0,
      'background-color': 'black',
      width: size.width + 'px',
      height: size.height + 'px',
      'border-radius': size.corner + 'px',
      'margin': size.top + 'px 0 0 ' + size.left + 'px',
      'z-index': options.zIndex
  </code></pre>
  
  <p>(only need the left centering).</p>
  
  <p>So I think this:
  'margin': size.top + 'px 0 0 ' + size.left + 'px',</p>
  
  <p>Needs to be something like:
  'margin': size.top + 'px 0 0 ' + size.left + 'px' : 2 - half size.left ??</p>
  
  <p>I hope someone can help me out.</p>