arcgis for javascript 动态加载显示图层（下拉框和checkbox结合使用）

来源：互联网发布：网络4大粪坑编辑：程序博客网时间：2024/06/15 07:20

一、结果展示

二、实现目标

在项目中要加风速和风功率数据，这两个数据都随着海拔高度的变化而变化，也就是每个的高度有每个高度的风速和风功率栅格数据；

三、代码：

最开始我是这样写的的代码：

    加载图像                            html, body, #map {            height: 100%;            width: 100%;            margin: 0;            padding: 0;        }        .selectAge {            width: 150px;            height: 25px;            display: block;            background: white;        }        .selecttab {            position: absolute;            top: 20px;            left: 75px;            z-index: 100;        }        .windtab {            position: absolute;            top: 56px;            left: 81px;            z-index: 100;            height: 50px;            width: 184px;            color: white;            line-height: 20px;            background-color: rgba(0, 0, 0, 0.4);        }        .windtab select {            float: right;        }        
            风速分布图           
            风功率分布密度图

后来项目中需要加载很多不同高度的数据，这时上面的代码就不适用了！后来优化了代码，优化的代码如下：

    动态加载图层                            html, body, #map {            height: 100%;            width: 100%;            margin: 0;            padding: 0;        }        #selectLayer {            position: absolute;            top: 30px;            right: 40px;            z-index: 100;        }        .selectAge {            width: 150px;            height: 25px;            display: block;            background: white;        }        .selecttab {            position: absolute;            top: 20px;            left: 75px;            z-index: 100;        }        .windtab {            position: absolute;            top: 56px;            left: 81px;            z-index: 100;            height: 50px;            width: 184px;            color: white;            line-height: 20px;            background-color: rgba(0, 0, 0, 0.4);        }        .windtab select {            float: right;        }                    
                        风速分布图        
                    风功率分布密度图

四、遇到的问题
注意arcgis for javascript中的layer的id是字符型，不能是整形，还有就是id不能相同

阅读全文

0 0