新手小白接触uniapp项目,嵌入地图页面样式问题

需求前提:

公司内部移动端,展示详情页面需要放一个地图,用的高德地图JS API 结合 Vue 使用-基础-进阶教程-地图 JS API 2.0 | 高德地图API (amap.com),因为配置问题建议是用静态页面html去嵌入,前期处理

   <view style="width: 100%;">
	      <web-view src="/static/html/map.html"></web-view>
   </view>

结果实现的效果直接是压在了整个盒子上面,不在底部下面的内容还能滚动,这个效果肯定是不行的,找了好多资料换了个标签试试,直接设置样式,成功了

<view>
	<iframe src="/static/html/map.html"
		style="border: 0;width: 100%;padding-bottom: 40rpx;height: 400rpx;">
        </iframe>
</view>