Question

我有一个带控件的小表单，我想在我的Google地图上定位，就在最左上角。

我发现了一些对这个问题的回应：

但是，这些都不适合我。我要么看到没有表单控件的地图，要么只看到表单控件但没有地图。可能是什么问题？

我最新的HTML和CSS：

HTML：

<html>
    <body>
    <div id="wrapper">
        <div id="map_canvas"></div>
        <div id="over_map">
            <p>Select something!</p>
            <select>
                <option value="Red">Red</option>
                <option value="Green">Green</option>
                <option value="Blue">Blue</option>
            </select>
        </div>
    </div>
    </body>
</html>

CSS：

html { height: 100%; width: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { position: absolute; top: 10px; left: 10px; height: 100%; width: 100%; }
#wrapper { position: relative; }
#over_map { position: absolute; top: 10px; left: 10px; z-index: 99; }

Answer 1

从CSS中删除此行：

#wrapper { position: relative; }

地图盘＆amp;缩放控件位于左上角，因此请小心放置或禁用这些控件。

关于jsfiddle的工作示例：http://jsfiddle.net/pratie/2sJSg/

如何在Google地图上定位带有控件的表单？

1 个答案: