1

我正在为移动设备设置地图并希望使用缩放滑块。

g.map = new google.maps.Map(
        document.getElementById("mapcanvas"), 
        {
            disableDoubleClickZoom  : false,
            disableDefaultUI        : true,
            scaleControl            : true,
            panControl              : false,
            navigationControl       : true,
            mapTypeControl          : false,
            zoomControlOptions      : {
                position    : google.maps.ControlPosition.RIGHT_BOTTOM,
                style       : google.maps.ZoomControlStyle.LARGE
            },
            mapTypeControlOptions: {
                mapTypeIds          : [
                                            google.maps.MapTypeId.ROADMAP, 
                                            google.maps.MapTypeId.HYBRID
                                      ],
                style               : google.maps.MapTypeControlStyle.HORIZONTAL_BAR
            },
            zoom                    : 16,
            center                  : new google.maps.LatLng('37.8477', '-122.2627'),
            mapTypeId               : google.maps.MapTypeId.ROADMAP
        }

当我在桌面上查看此控件时,控件是滑块,但在移动设备上,它仍然显示小的 + 和 - 按钮并且没有滑块。

这是一个错误吗?如何强制滑块进行缩放?

4

2 回答 2

3

不,这不是错误。缩放工具的默认行为是在大屏幕设备上显示大屏幕,在手机等较小屏幕上显示小屏幕(仅 + -)。

如果您希望始终看到带有滑块的较大缩放工具,则需要在 mapOptions 中设置 google.maps.ZoomControlStyle.LARGE。前任:

var mapOptions = {
    zoom: 4,
    center: new google.maps.LatLng(-33, 151),
    zoomControl: true,
    zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE
    }
}

这是我的来源: https ://developers.google.com/maps/documentation/javascript/controls#DefaultUI

于 2013-12-17T03:00:01.690 回答
0

您可以controlSize使用整数值(即 20)设置未记录的地图选项属性,以设置地图控件的大小。

请参阅@Dutchmanjonny 的最新帖子:巨大的 Google 地图控件(可能的错误?)

于 2019-10-15T20:15:11.083 回答