Gmaps.js - zoomControlOpt doesn't change position or style
<p>First post here on stackoverflow.</p>

<p>Trying to integrate a google map on my website using Gmaps.js (<a href="http://hpneo.github.io/gmaps/" rel="nofollow">http://hpneo.github.io/gmaps/</a>).
The map is working as it should, although, I'd like to make some changes to the UI.</p>

<p>I've already disabled the default UI and only added the zoom-control, as I want to.</p>

<p>But I need to change the position of the zoom-control, and it doesn't matter what I try, nothing happens. The zoom-control remains on default position. And to the real problem, so does the touch-zoom-control. You see, I'm having a transparent(.png) image over a part of the map, and that image makes the touch-zoom-out button untouchable, so I will have to move it. </p>

<p>After some trying, I've found out that none of the zoomControlOpt objects change anything.</p>

<pre><code>$(document).ready(function(){
            var map = new GMaps({
                div: '#map',
                lat: 60.156372,
                lng: 16.851997,
                zoom: 11,
                disableDefaultUI: true,
                zoomControl : true,
                zoomControlOpt: {
                    style : 'SMALL',
                    position: 'TOP_RIGHT'
                },
            });
            map.addMarker({
                lat: 60.140132,
                lng: 16.83658,
                open: true,
                title: 'Ingbofestivalen',
                infoWindow: {
                    content: 'Ingbofestivalen ligger på cykelavstånd från Tärnsjö. Bussförbindelser till Tärnsjö finns från Sala, Heby och Uppsala.' 
                }
            });
        });
</code></pre>
