Gmaps.js - zoomControlOpt不會更改位置或樣式

Question

首先發布在stackoverflow上。

嘗試使用Gmaps.js（ http://hpneo.github.io/gmaps/ ）在我的網站上集成谷歌地圖。 雖然我想對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.' 
                }
            });
        });

Answer 1

zoomControlOpt不起作用，因為您禁用默認UI，如果您只想使用縮放控件，您可以使用下面的代碼

var map = new GMaps({
            div: '#map',
            lat: 60.156372,
            lng: 16.851997,
            zoom: 11,
            zoomControl : true,
            zoomControlOpt: {
                style : 'SMALL',
                position: 'TOP_RIGHT'
            },
            panControl : false,
            streetViewControl : false,
            mapTypeControl: false,
            overviewMapControl: false
});