Google Maps Hidden Div Overflows half map

Question

我正在使用Google Maps和Drawinging Manager

  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

我在錯誤報告中添加了指向該帖子的鏈接，以供參考。 希望Google會盡快解決。