全屏嵌入 Bing map

anuyone 是否知道是否可以在全屏中嵌入 bing map ？
这样 map 就可以始终填充背景并简单地在顶部叠加一些元素。

我似乎无法使用 100% iframe 实现这一点，而 bing 的帮助也没有那么有用。

谢谢

最佳答案

如果我理解正确的话，你是想达到让 map 填满整个屏幕的效果，有点像以 map 为背景，然后在上面叠加其他元素？如果是这样，您应该能够通过 position:fixed CSS Property 轻松完成此操作。

        <div id='yourMapDiv' style="position: fixed; top: 0px;
            left: 0px; right:0px; bottom:0px; z-index: 100">
        </div>

这就是说 yourMapDiv 将有一个固定位置，距离屏幕的所有四个边缘 0 像素。实际上，您将 yourMapDiv 跨越整个浏览器屏幕，而无需指定明确的长度或宽度，并且重新调整大小不会导致出现滚动条:

Chrome 中的全屏显示如下:

在上面的示例中，我为 yourMapDiv 分配了 100 的 z-index，以说明如果您希望其他元素出现在 map 上方，则必须为它们分配更高的 z-index。

关于全屏嵌入 Bing map ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9926576/