如何为Google Maps嵌入创建六边形iFrame？

Question

我正在寻找一种创建六边形iFrame的方法，以便从Google内部获取地图。 像这样： put_money

我想我需要一种方法在iFrame的边框上应用样式，但我找不到方法。 感谢。

Answer 1

我在这里做了些什么。我认为它适合你（如果我很了解你的需要）;）

CSS3非常强大。

实际上你只需做3 <div>并旋转它们。然后，插入您的Google <div>和overflow:hidden 3个<div>容器。

<div class="hexagon hexagon2">
    <div class="hexagon-in1">
        <div class="hexagon-in2">
            <div id="map" style="width:200px;height:300px;margin-top:80px;"></div>
        </div>
    </div>
</div>

Complete code - JsFiddle

最好的问候。