javascript - 在谷歌地图中显示缩放 slider

Question

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

缩放 slider 控件

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

您可以看一下这个简单的示例 - 只有缩放按钮，但没有 slider

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 元素和绑定(bind)函数来检测 slider 中的变化并将其发送到 Google map