Question

我制作这个jsfiddle：

它使用Google Maps API在地图上放置了多个图层。我打电话给

addLayer()

几次，同一层，只是为了简洁。

如果您调整地图的边缘大小，使其变大，屏幕的某些部分会消失（仅限Chrome）。

这是Chrome，Google Maps API或我的代码中的错误？

Answer 1

当浏览器尝试渲染地图时，我认为这是Chrome中使用jsfiddle的错误。

尝试划分地图区域

    html {
        height: 200px;
    }
    body {
        height: 200px;
        margin: 0;
        padding: 0;
    }
    #wrapper {
        font-family: Helvetica, Arial, sans-serif;
        position: absolute;
        z-index: 999;
        background: #77C;
        color: #FFF;
        padding-left: 10px;
        height: 30px;
        line-height: 30px;
    }

    #map_canvas {
        height: 200px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
    }

Answer 2

所有嵌入式谷歌地图在Chrome中对我来说都很奇怪。我甚至做了全新的镀铬装置。你能到这个页面： https://developers.google.com/maps/documentation/javascript/basics 并查看那里的地图是否正确呈现。如果不是，你知道它是浏览器，而不是你的地图代码。

它是Chrome，Google Maps API上的一个错误还是什么？

2 个答案: