移动设备上的谷歌地图 API v3 zoomControlOptions LARGE 不显示滑块答案

【问题标题】：google maps API v3 zoomControlOptions LARGE on mobile not displaying the slider移动设备上的谷歌地图 API v3 zoomControlOptions LARGE 不显示滑块
【发布时间】：2013-04-01 08:42:19
【问题描述】：

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

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
        }

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

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

【问题讨论】：

标签： google-maps mobile google-maps-api-3 zooming

【解决方案1】：

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

如果您希望始终看到带有滑块的较大缩放工具，您需要在 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

【讨论】：

【解决方案2】：

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

请参阅@Dutchmanjonny 的最新帖子：Huge Google Maps Controls (Possible Bug?)

【讨论】：