geoserver不同比例下显示不同图标样式

一时失言乱红尘 2022-05-12 20:06 372阅读 0赞

1、打开geoserver主界面，如图所示

![70][]

2、选择数据栏目下的Style，如图

![70 1][]![70 2][]

3、选择“[Add a new style][]”

![70 3][]

![70 4][]

样式值：样式中需要到一张图片，右键右图![70 5][]保存到你的geoserver安装目录下的/data/style文件下即可。

<?xml version="1.0" encoding="UTF-8"?>
    <StyledLayerDescriptor version="1.0.0"
      xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd" xmlns="http://www.opengis.net/sld"
      xmlns:ogc="http://www.opengis.net/ogc" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
      <NamedLayer>
        <Name>substaion</Name>
        <UserStyle>
          <Name>substaion</Name>
          <Title>BDZ</Title>
          <FeatureTypeStyle>
              
              <Rule>
              
              <MinScaleDenominator>50000</MinScaleDenominator>
              <Title>Capitals</Title>
              <PointSymbolizer>
                <Graphic>
                  <Opacity>
                    <ogc:Literal>1.0</ogc:Literal>
                  </Opacity>
                  <Size>
                    <ogc:Literal>15</ogc:Literal>
                  </Size>
                  <ExternalGraphic>
                      
                      <OnlineResource xmlns:xlink="http://www.w3.org/1999/xlink" xlink:type="simple" xlink:href="mypower.png"/>
                      <Format>image/png</Format>
                  </ExternalGraphic>
                </Graphic>
              </PointSymbolizer>
            </Rule>
            <Rule>
              
              
              <MinScaleDenominator>2000</MinScaleDenominator>
              
              <MaxScaleDenominator>50000</MaxScaleDenominator>
              <Title>Capitals</Title>
              <PointSymbolizer>
                <Graphic>
                  <Opacity>
                    <ogc:Literal>1.0</ogc:Literal>
                  </Opacity>
                  <Size>
                    <ogc:Literal>30</ogc:Literal>
                  </Size>
                  <ExternalGraphic>
                      <OnlineResource xmlns:xlink="http://www.w3.org/1999/xlink" xlink:type="simple" xlink:href="mypower.png"/>
                      <Format>image/png</Format>
                  </ExternalGraphic>
                </Graphic>
              </PointSymbolizer>
            </Rule>
            <Rule>
              
              <MinScaleDenominator>2</MinScaleDenominator>
              
              <MaxScaleDenominator>2000</MaxScaleDenominator>
              <Title>Capitals</Title>
              <PointSymbolizer>
                <Graphic>
                  <Opacity>
                    <ogc:Literal>1.0</ogc:Literal>
                  </Opacity>
                  <Size>
                    <ogc:Literal>60</ogc:Literal>
                  </Size>
                  <ExternalGraphic>
                      <OnlineResource xmlns:xlink="http://www.w3.org/1999/xlink" xlink:type="simple" xlink:href="mypower.png"/>
                      <Format>image/png</Format>
                  </ExternalGraphic>
                </Graphic>
              </PointSymbolizer>
            </Rule>
          </FeatureTypeStyle>
        </UserStyle>
      </NamedLayer>
    </StyledLayerDescriptor>

补充：也可以在样式里面设计文字标注，规则整体代码如下：

<Rule>
              <MaxScaleDenominator>2000</MaxScaleDenominator>
              <MinScaleDenominator>2</MinScaleDenominator>
              <Title>large</Title>
              <PointSymbolizer>
                <Graphic>
                  <Opacity>
                    <ogc:Literal>1.0</ogc:Literal>
                  </Opacity>
                  <Size>
                    <ogc:Literal>60</ogc:Literal>
                  </Size>
                  <ExternalGraphic>
                      <OnlineResource xmlns:xlink="http://www.w3.org/1999/xlink" xlink:type="simple" xlink:href="mypower.png"/>
                      <Format>image/png</Format>
                  </ExternalGraphic>
                </Graphic>
              </PointSymbolizer>
              <TextSymbolizer>
                <Label>
                  <ogc:PropertyName>name</ogc:PropertyName>
                </Label>
                <Font>
                  <CssParameter name="font-family">微软雅黑</CssParameter>
                  <CssParameter name="font-weight">Bold</CssParameter>
                  <CssParameter name="font-size">16</CssParameter>
                </Font>
                <LabelPlacement>
                  <PointPlacement>
                    <AnchorPoint>
                      <AnchorPointX>0.5</AnchorPointX>
                      <AnchorPointY>0.5</AnchorPointY>
                    </AnchorPoint>
                    <Displacement>
                      <DisplacementX>0</DisplacementX>
                      <DisplacementY>-35</DisplacementY>
                    </Displacement>
                  </PointPlacement>
                </LabelPlacement>
                <Halo>
                  <Radius>
                    <ogc:Literal>2</ogc:Literal>
                  </Radius>
                  <Fill>
                    <CssParameter name="fill">#FFFFFF</CssParameter>
                  </Fill>
                </Halo>
                <Fill>
                  <CssParameter name="fill">#000000</CssParameter>
                </Fill>
              </TextSymbolizer>
            </Rule>

[70]: /images/20220513/fad3d482c6094508bab34fbfb390898f.png
[70 1]: https://img-blog.csdn.net/20180912103059978?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l6al94aWFveXVl/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 2]: /images/20220513/e23c38a8a05b44319153eb89ae25551e.png
[Add a new style]: http://localhost:8080/geoserver/web/wicket/bookmarkable/org.geoserver.wms.web.data.StyleNewPage
[70 3]: /images/20220513/3da6b3798eba43ee8d4e0bfeacfcb5b9.png
[70 4]: /images/20220513/f8b2ae7aa18446928397e0013f6db861.png
[70 5]: /images/20220513/f21c51c875d44e5786ee8d5bea3a7f42.png