Question

我正在尝试隐藏Google嵌入式地图中的信息窗口。我正在寻找解决方案，但无法在任何地方找到它。我想隐藏信息窗口并留下更大的地图链接。

链接到地图：http://dev01-www.erisata.lt/en.html#contacts

任何解决方案吗？

Answer 1

你不能，但是你可以为你的案例做一个解决方法，通过添加一个具有绝对位置的新div来隐藏谷歌地图文本内容，用以下内容替换你的地图容器div：

<div class="map-container">
    <section style="background:#75716a; background: #e5e5e5;padding: 0;position:relative;">
        <iframe scrolling="no" width="100%" height="400" frameborder="0" style="border:0; -webkit-filter: grayscale(100%); filter: grayscale(100%);" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6522.283005371661!2d25.278750538590636!3d54.69246783787969!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46dd941c3397b6eb%3A0x20df28c924221cdd!2zxaBlaW15bmnFoWtpxbMgZy4gMjMsIFZpbG5pdXMgMDkyMDA!5e0!3m2!1slt!2slt!4v1479197857183" allowfullscreen="" class=""></iframe>
        <div width="100%" style="left:0;right:0;position: absolute;bottom: 0px;background: #e5e5e5;">&nbsp;</div>
    </section>
</div>

从嵌入式Google地图中删除信息窗口

1 个答案: