Google 隐藏地图 Div 溢出半张地图

Question

我正在使用 Google 地图和绘图管理器

    var latlng = new google.maps.LatLng(41.7318187, 44.8627138);

    var mapOptions = {
        zoom: 8,
        center: latlng,
        disableDoubleClickZoom: true
    }

    bounds = new google.maps.LatLngBounds();

    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
    //Define a symbol using SVG path notation, with an opacity of 1.
    var lineSymbol = {
        path: 'M 0,-1 0,1',
        strokeOpacity: 1,
        scale: 4
    };

    drawingManager = new google.maps.drawing.DrawingManager({
        drawingControl: true,
        drawingControlOptions: {
            position: google.maps.ControlPosition.TOP_CENTER,
            drawingModes: [
                google.maps.drawing.OverlayType.MARKER,
                google.maps.drawing.OverlayType.POLYLINE
            ]
        },
        markerOptions: {
            icon: $imgFolderFullPath + '/' + $('#TourObjectType').val() + '.png',
            draggable: true
        },
        polylineOptions: {
            strokeColor: $("#LineType").val()
        }
    });


    drawingManager.setMap(map);

问题是当地图呈现某些隐藏了可见性且 z-index 107 溢出地图一半的元素时，我无法在该部分插入、编辑、移动、折线和标记

DOM 问题部分的结构如下所示：

<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 107; width: 100%;">
  <div style="cursor: default; width: 53px; height: 191px; visibility: hidden;">...</div>
</div>

而且当我在上面的代码片段中隐藏评论可见性时，地图上会显示带有星号的白色评论框

我知道是什么导致了问题

Answer 1

我无法告诉您为什么会发生这种情况，只是对我来说它在文档中提供的示例中也是如此。你不能在那个区域画画，但你可以放大它，等等。 https://developers.google.com/maps/documentation/javascript/examples/drawing-tools.

编辑：这似乎是登录模式的错误，正如@MrUpsidown 指出的那样

Answer 2

当使用 signed_in=true 时会发生这种情况。

错误报告：https://code.google.com/p/gmaps-api-issues/issues/detail?id=7788

我在错误报告中为这个 post 添加了一个 link 以供参考。希望 Google 能尽快解决这个问题。

Google 隐藏地图 Div 溢出半张地图

Google Maps Hidden Div Overflows half map

html

javascript

dom

google-maps

google-maps-api-3