javascript - Gmaps.js - zoomControlOpt 不会改变位置或样式

Question

首先在 stackoverflow 上发帖。

尝试使用 Gmaps.js ( http://hpneo.github.io/gmaps/ ) 在我的网站上集成谷歌地图。 map 工作正常，不过，我想对 UI 做一些更改。

我已经禁用了默认 UI，只添加了缩放控件，如我所愿。

但我需要更改缩放控件的位置，无论我尝试什么，都没有任何反应。缩放控件保持在默认位置。对于真正的问题，触摸缩放控制也是如此。你看，我在 map 的一部分上有一个透明 (.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
});