4

第一篇在stackoverflow上发帖。

尝试使用 Gmaps.js ( http://hpneo.github.io/gmaps/ ) 在我的网站上集成谷歌地图。该地图正在正常工作，但我想对 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.' 
                }
            });
        });
4

1 回答 1

4

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
});
于 2013-05-31T10:29:10.440 回答