如何在谷歌地图上加载联系人表单

Question

我想在我的网站(joomla)创建联系人页面。所以我得到了地图嵌入代码，并将其添加到页面作为一个模块。现在我想在地图上添加联系人表单。映射像背景和联系人表单在该背景。

map load as iframe。我处理不了这个问题。有人能帮我解决这个问题吗?

这是my module的PHP页面结构。

    <div class="row" style="padding:10px;">
        <div class="row map">
            <iframe scrolling="no" ....
                    width="100%" height="450" frameborder="0" style="border:0">   
            </iframe>
            <div class="col-md-6 contact-form">
                   //contact form should goes to here
                   //it is another module
            </div>
        </div>
    </div>

Answer 1

您是否尝试过这样定位表单:http://jsfiddle.net/lotusgodkk/GCu2D/255/

HTML:

    <div class="row" style="padding:10px;">
    <div class="row map">
        <iframe scrolling="no" ....
                width="100%" height="450" frameborder="0" style="border:0">   
        </iframe>
        <div class="col-md-6 contact-form">
               //contact form should goes to here
               //it is another module
        </div>
    </div>
</div>

CSS:

.row {
    position:relative;
    width:500px;
    height:400px;
    border:1px solid red;
    overflow:hidden;
}
.map {
    width:300px;
    height:250px;
}
.contact-form {
    position:absolute;
    top:50%;
    left:30%;
    z-index:1000;
    background:#BFBFBF;
    padding:20px;
}