如何从嵌入式mapsengine iframe中删除控件（谷歌地图）

Question

有没有办法从嵌入式mapsengine iframe中删除大控件窗口？

让我们说im嵌入mapxngine的640x480 iframe和1/4的屏幕采用mapsengine图层控件。

<iframe src="http://mapsengine.google.com/map/view?mid=z-CXoJOwaOdI.k77h0_UeoKiw" width="640" height="480"></iframe>

Answer 1

超级简单的解决方案

将宽度设置为 517px 或更小。控制面板将在桌面上消失。它会神奇地出现在手机上。

稍微复杂一点的解决方案

CSS

<style>
#mapsengine-box-outer {overflow: hidden;}
#mapsengine-box-inner {
    overflow: hidden;
    width:590px;
    height:590px;
    border:5px solid #998;
    border-radius:10px;
    }
#mapsengine {margin: -30px 0 0 -350px;}
</style>

HTML

<div id="mapsengine-box-outer">
    <div id="mapsengine-box-inner">
        <iframe id="mapsengine" width="1285" height="630"
        src="https://mapsengine.google.com/map/embed?mid=*******">
        </iframe>
     </div>
</div>

我在我的网站Maps Engine Manipulation – Removing iframe Controls (featureListPanel)上建立了一个关于此页面（包括移动解决方案）的页面，并在这里CodePen进行播放。