一.样板图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8d92df551b9822d01b87a0dbe78d0a28.png#pic_center)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/23611ec94fda72b9bfbce134f32789a3.png#pic_center)
二.HTML代码
<style type="text/css">
body, html, #allmap {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
font-family: "微软雅黑";
}
.button-full {
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
height: 50px;
width: 100%;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #fff;
background: #333;
text-decoration: none;
}
</style>
<input type="hidden" name="lweidu" id="lweidu" runat="server"/>
<input type="hidden" name="ljingdu" id="ljingdu" runat="server"/>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">地址<span style="color: red;">*</span></label>
<div class="layui-input-block">
<input name="city" placeholder="地址" id="xianshi" type="text"
class="layui-input"
lay-verify="required" required/>
</div>
</div>
<div style="width: 100%;position:absolute;top:0;left:0%;height:100%;z-index:9999;opacity:1;top:0%;display:none"
<div id="allmap"></div>
<a id="chosedBtn" class=" button-full">选择这个地址</a>
<