javascript-如何在组中添加2层？

2019-11-02 02:32:50 阅读：286 来源： 互联网

标签：openstreetmap openlayers javascript

如何在一个组中添加两个或更多层,以便可以在layerswitcher中看到它们的分类,并可以选择或取消选择所有！
这是我的代码：

            var line_1 = new OpenLayers.Layer.Vector(" Line no - 1", {
                    visibility: true,
                    projection: dproj,
                    strategies: [new OpenLayers.Strategy.Fixed()],
                    style: {strokeWidth: 4, strokeColor: "#ff0000", strokeOpacity: 1},
                    protocol: new OpenLayers.Protocol.HTTP({
                        url: "lines/en/line_1.kml",
                        format: new OpenLayers.Format.KML
                    })
            });

            var line_2 = new OpenLayers.Layer.Vector(" Line no - 2", {
                    visibility: true,
                    projection: dproj,
                    strategies: [new OpenLayers.Strategy.Fixed()],
                    style: {strokeWidth: 4, strokeColor: "#008000", strokeOpacity: 1},
                    protocol: new OpenLayers.Protocol.HTTP({
                        url: "lines/en/line_2.kml",
                        format: new OpenLayers.Format.KML
                    })
            });
 var layers = [line_1, line_2]
 map.addLayers(layers);

现在,如何用“ Lines”这个名字合二为一？

解决方法:

我认为GeoExt.tree是您想要的.

看到这封邮件：

OpenLayers’ layer switcher does not support layer hierarchy and will
probably never do. I’d recommend checking out the layer tree of
MapFish (http://www.mapfish.org). MapFish layer tree is either
auto-configured based on the layers configured in OpenLayers or
configured through a user-specified model

http://www.osgeo.org/pipermail/openlayers-users/2008-June/006358.html

在这里查看：
http://trac.osgeo.org/openlayers/browser/sandbox/jachym/openlayers/examples/layer-groups.html?rev=4958看起来像支持它的openlayers的旧分支.

因此,让我们看一下：
http://api.geoext.org/1.0/examples/tree.html

我认为GeoExt.tree是您想要的.

标签：openstreetmap,openlayers,javascript
来源： https://codeday.me/bug/20191102/1988283.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-如何在组中添加2层？