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

Question

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

假设我嵌入了 640x480 iframe 的 mapsengine 和 1/4 的屏幕采用 mapsengine 图层控件。

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

Answer 1

超级简单的解决方案

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

稍微复杂一点的解决方案

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 可供使用。