javascript - Gmaps.js - zoomControlOpt は位置やスタイルを変更しません

Question

ここでスタックオーバーフローに最初に投稿します。

Gmaps.js ( http://hpneo.github.io/gmaps/ ) を使用して、私の Web サイトに Google マップを統合しようとしています。マップは正常に機能していますが、UI に変更を加えたいと考えています。

必要に応じて、既定の UI を既に無効にして、ズーム コントロールのみを追加しました。

しかし、ズームコントロールの位置を変更する必要があり、何を試しても何も起こりません。ズーム コントロールはデフォルトの位置のままです。そして本当の問題は、タッチズームコントロールも同様です。ご覧のとおり、マップの一部に透明な (.png) 画像があり、その画像によってタッチ ズームアウト ボタンが操作不能になるため、移動する必要があります。

いくつか試してみた結果、どの zoomControlOpt オブジェクトも何も変更しないことがわかりました。

$(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.' 
                }
            });
        });