在谷歌地图中显示缩放滑块

Question

有没有办法在谷歌地图中使用他们的API显示缩放控制滑块（就像我今天从maps.google.com拍摄的这张图片一样）？

缩放滑块控件

我尝试在init中设置 style：google.maps.ZoomControlStyle.LARGE ，但它不起作用。

你可以看看这个简单的例子 - 只有缩放按钮，但没有滑块

https://codepen.io/anon/pen/pNORgv

var mapOptions = {
        zoom: 14,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoomControlOptions: {                                           
                            style: google.maps.ZoomControlStyle.LARGE,
                            position: google.maps.ControlPosition.RIGHT_BOTTOM
                }
};

Answer 1

旧的缩放控件已被删除。如果你想要包含一个，你需要定制它。我只浏览了this博客文章，了解如何制作一个，但它看起来非常全面。

基本上，您需要创建自定义HTML元素并绑定函数以检测滑块中的更改并将其发布到Google地图

Answer 2

我听说有关新版地图的讨论会有垂直缩放滑块，他们会重新实现下一版本的滑块。我们将等待，看看他们将为此做些什么。如果您有任何相关信息，请通知我们。