Google maps api 3 谷歌地图在全屏与引导模式

我有一张谷歌地图。当我单击一个标记时，我会显示一个带有style=“z-index:999999999999999999”的引导模式。这里没问题。但是，当我单击全屏按钮时，模式不再显示。它只在正常模式下工作。有什么建议可以解决这个问题吗

要查看示例，请参阅：

---

单击标记。然后单击全屏图标，然后单击一个标记。

关键是全屏模式使用，因此全屏元素之外的任何内容（在本例中为map DIV）都保持向后

解决方法可以是将模态元素附加到map div，例如利用

见工作

---

注意，我禁用了模态背景，因为在地图上它的z位置错误，位于模态的顶部。如果您需要背景资料，我想解决这个问题并不困难。

谢谢添加了一个JSFIDLE

var myCenter = new google.maps.LatLng(51.508742, -0.120850);

function initialize() {
var mapProp = {
    center: myCenter,
    zoom: 15,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var marker = new google.maps.Marker({
    position: myCenter,
});
marker.setMap(map);

google.maps.event.addListener(marker, 'click', function () {

            $('#myModal').modal('show'); 
        });
}

google.maps.event.addDomListener(window, 'load', initialize);

 map.controls[google.maps.ControlPosition.TOP_CENTER].push(document.getElementById("myModal"));