Javascript 如何在谷歌地图上创建div区域

如何在Google map iframe上创建div区域。我的部分代码已经准备好了（）。该图像（）是我想要得到的示例。

将此div添加到map iframe下面

<div class="modal">
    <!-- text and input box go here -->
</div>

.modal {
    width: 500px;
    height: 160px;
    background: #FFF;
    position: absolute;
    top: 100px;
    left: 250px;
}