如何在谷歌地图javascript中停止无限垂直拖动?

时间:2017-12-14 18:07:08

标签: javascript google-maps google-maps-api-3

我正在使用谷歌地图javascript sdk在地图上显示地图和数据。

我做了很多谷歌搜索,但在地图结束时无法找到停止垂直拖动的解决方案。

当我尝试缩小并按住&垂直拖动地图,即使在地图完成后也会继续显示,并且会出现灰色的空白屏幕。

以下是该问题的截屏视频:http://recordit.co/DTZc9xyR4m

<!DOCTYPE html>
<html>
<head>
    <title>Google Map</title>
</head>
<body>
    <div id="map"></div>
    <script type="text/javascript">
        function initMap() {
            Map = new google.maps.Map(document.getElementById('map'), {
                zoom: 3,
                center: {lat: 12.9716, lng: 77.5946},
                streetViewControl: false,
                mapTypeControl: false,
                minZoom: 2,
                maxZoom: 18
            });

            Map.addListener('idle', function(){
                console.log(Map.getBounds().toJSON());
            });

            console.log('Map initialized!');
        }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=API_KEY&callback=initMap"></script>
</body>
</html>

任何帮助都将不胜感激,谢谢。

0 个答案:

没有答案