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
});

Gmaps.js - zoomControlOpt不会改变位置或风格

1 个答案: