javascript - 当水 visibility 关闭时，谷歌会在景观上绘制奇怪的多边形

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

我正在尝试使谷歌地图水背景透明，以便它显示网页背景。然而，当我关闭水的可见性时，非洲、欧洲和格陵兰岛的部分景观就会被奇怪的多边形包围。

这是该问题的有效 JS Fiddle 链接。

下面是重现该问题的相同代码。

<html>
<head>
    <script src="https://maps.googleapis.com/maps/api/js"></script>
    <style>
        body{
          background-color:black;
        }

        #map{
          height:100%;
        }
    </style>
</head>
<body>
<div id="map">

</div>

<script>
        testMe = function () {
            var styles = [{
                "elementType": "water",
                "stylers": [{
                    "visibility": "off",
                }]
            }, {
                "featureType": "landscape.natural.landcover",
                "stylers": [{
                    "visibility": "on"
                }]
            }];

            var mapOptions = {
                zoom : 1,
                center : new google.maps.LatLng(40, -3),
                styles : styles,
                zoomControl : true,
                zoomControlOptions : {
                    style : google.maps.ZoomControlStyle.LARGE,
                    position : google.maps.ControlPosition.TOP_LEFT
                },
            backgroundColor:"blue"
            };
            new google.maps.Map(document.getElementById('map'), mapOptions);
        }

        testMe();
    </script>
</body>
</html>

下面是输出的屏幕截图。