ArcGIS API for JavaScript 地图加载空白现象-ArcGIS Web 开发学习(三)

在使用ArcGIS API for JavaScript开发Web地图应用时,遇到地图对象未能填充整个mapdiv区域的问题。通过调整CSS样式,尤其是针对html, body, #mapDiv的padding属性设置,最终解决了地图显示被header遮挡的状况。关键在于将#mapDiv的padding设置为0,以确保地图充满整个容器。" 126418447,15058605,MyBatis工作原理源码深度解析,"['MyBatis', 'Java', 'MySQL']
摘要由CSDN通过智能技术生成

       我在做C#开发bs系统时,使用JavaScript加载了一个地图,但是加载完后出现了一个问题,就是map对象并没有布满整个mapdiv控件区域,参见下图:

             

      我明白是控件布局的问题,所以就开始修改样式设置,我的设置如下所示:

      html, body, #mapDiv {
            padding: 30px 0px 0px 0px;
            margin: 0 0 0 0;
            height: 100%;       
        }

        #mapDiv {
            position: relative;
        }

       因为上图的白边和30的宽度基本一致,所以我就修改30为0,可是这样的话,我的mapdiv整个都被压在网页的header下面了,无奈之下我在html, body, #mapDiv 下载添加如下设置:background-color: blue; 发现整个页面的背景色都编程蓝色了,我心想这样肯定不对,不过通过这个设置,我明白了我上面的设置有可能是设置到了HTML和body等所有区域,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值