Question

我试图让谷歌地图水背景透明，以便显示网页背景。然而，当我关闭水的能见度时，非洲，欧洲和格陵兰岛的部分地区被奇怪的多边形所包围。

这是一个有效的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>

下面是输出的截图。

这是一个在线测试谷歌地图样式的链接。 http://googlemaps.github.io/js-samples/styledmaps/wizard/index.html

感谢任何帮助，我一直在处理这个简单问题几个小时。

Answer 1

This looks like a bug in Google Maps Javascript API v3 StyledMaps.

Issue in the issue tracker: Issue 6217: Bug: Basic Layerstyle option create artefact for Africa and Groenland

("star" the issue for updates and to indicate interest in having it fixed)

当水的能见度关闭时，谷歌会在地图上绘制奇怪的多边形

1 个答案: