gpt4 book ai didi

javascript - 如何通过 javascript 将 SLD 样式动态添加到 WMS 层

转载 作者:行者123 更新时间:2023-11-29 18:25:14 25 4
gpt4 key购买 nike

使用 OPENLAYERS + GEOSERVER + JAVASCRIPT + SERVLET + AJAX

我有一个 servlet,它接收 ajax 调用并返回所有国家/地区的人口。我想以这样的方式添加 SLD,即 WMS 图层将为人口少于 50,000 的国家显示红色,为人口大于 50,000 的国家显示绿色。所以最终我想根据我从 ajax 调用获得的结果在 javascript 中为 WMS 层设计 SLD 样式。是否可以在 javascript 中应用 SLD ..?如果是这样,请提供示例代码。感谢您的耐心等待。

最佳答案

我自己还没有尝试过,但它是这样工作的:

首先在你的js代码中定义SLD

var sld = '<?xml version="1.0" encoding="ISO-8859-1"?>';
sld += '<StyledLayerDescriptor version="1.0.0"';
sld += ' xsi:schemaLocation="http://www.opengis.net/sld StyledLayerDescriptor.xsd" ';
sld += ' xmlns="http://www.opengis.net/sld" ';
sld += ' xmlns:ogc="http://www.opengis.net/ogc" ';
sld += ' xmlns:xlink="http://www.w3.org/1999/xlink" ';
sld += ' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">';
sld += ' <NamedLayer>';
sld += ' <Name>Attribute-based polygon</Name>';
sld += ' <UserStyle>';
sld += ' <Title>SLD Cook Book: Attribute-based polygon</Title>';
sld += ' <FeatureTypeStyle>';
sld += ' <Rule>';
sld += ' <Name>SmallPop</Name>';
sld += ' <Title>Less Than 200,000</Title>';
sld += ' <ogc:Filter>';
sld += ' <ogc:PropertyIsLessThan>';
sld += ' <ogc:PropertyName>pop</ogc:PropertyName>';
sld += ' <ogc:Literal>200000</ogc:Literal>';
sld += ' </ogc:PropertyIsLessThan>';
sld += ' </ogc:Filter>';
sld += ' <PolygonSymbolizer>';
sld += ' <Fill>';
sld += ' <CssParameter name="fill">#66FF66</CssParameter>';
sld += ' </Fill>';
sld += ' </PolygonSymbolizer>';
sld += ' </Rule>';
sld += ' <Rule>';
sld += ' <Name>MediumPop</Name>';
sld += ' <Title>200,000 to 500,000</Title>';
sld += ' <ogc:Filter>';
sld += ' <ogc:And>';
sld += ' <ogc:PropertyIsGreaterThanOrEqualTo>';
sld += ' <ogc:PropertyName>pop</ogc:PropertyName>';
sld += ' <ogc:Literal>200000</ogc:Literal>';
sld += ' </ogc:PropertyIsGreaterThanOrEqualTo>';
sld += ' <ogc:PropertyIsLessThan>';
sld += ' <ogc:PropertyName>pop</ogc:PropertyName>';
sld += ' <ogc:Literal>500000</ogc:Literal>';
sld += ' </ogc:PropertyIsLessThan>';
sld += ' </ogc:And>';
sld += ' </ogc:Filter>';
sld += ' <PolygonSymbolizer>';
sld += ' <Fill>';
sld += ' <CssParameter name="fill">#33CC33</CssParameter>';
sld += ' </Fill>';
sld += ' </PolygonSymbolizer>';
sld += ' </Rule>';
sld += ' <Rule>';
sld += ' <Name>LargePop</Name>';
sld += ' <Title>Greater Than 500,000</Title>';
sld += ' <ogc:Filter>';
sld += ' <ogc:PropertyIsGreaterThan>';
sld += ' <ogc:PropertyName>pop</ogc:PropertyName>';
sld += ' <ogc:Literal>500000</ogc:Literal>';
sld += ' </ogc:PropertyIsGreaterThan>';
sld += ' </ogc:Filter>';
sld += ' <PolygonSymbolizer>';
sld += ' <Fill>';
sld += ' <CssParameter name="fill">#009900</CssParameter>';
sld += ' </Fill>';
sld += ' </PolygonSymbolizer>';
sld += ' </Rule>';
sld += ' </FeatureTypeStyle>';
sld += ' </UserStyle>';
sld += ' </NamedLayer>';
sld += '</StyledLayerDescriptor>';

这直接取自 the Geoserver SLD cookbook ,这是一个非常适合此类内容的网站。不要忘记根据您的数据(图层名称、数据属性等)更改 SLD。在食谱中,您还可以看到数据应该是什么样子。

定义 SLD 后,您可以使用它简单地创建一个新的 WMS 层:

newWmsLayer = new OpenLayers.Layer.WMS.Post(layerName, wmsUrl,
{
layers: layerName,
sld_body: sld
});

最后将其添加到 map 中:

map.addLayer(newWmsLayer);

当然,如果这应该更新现有层,您应该先删除旧层。

关于javascript - 如何通过 javascript 将 SLD 样式动态添加到 WMS 层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14187187/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com