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会尽快解决。