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

我想在mysitejoomla中创建联系人页面。所以我得到了地图嵌入代码，并将其作为一个模块添加到页面中。现在我想在地图上方添加联系人表单。像地图一样作为背景，并在该背景上形成联系方式

将加载映射为iframe。我不能处理这个问题。有人能帮我解决这个问题吗

这是我的模块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>

---

您是否尝试过这样定位表单：

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>

.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;
}