Introduction to SLD (Styled Layer Descriptor)
1 like918 views
Introduction to SLD (Styled Layer Descriptor) 犖犖迦牽犖犖犖園犢犖犢犖犖犖園犖ム険犖犖犖犢犖犖犖犖犢犖犖÷弦犖ム肩犖橿見犖犖園 web map service
Introduction to SLD (Styled Layer Descriptor)
- 1. Introduction to SLD (Styled Layer Descriptor) 犖犖迦牽犖犖犖園犢犖犢犖犖犖園犖ム険犖犖犖犢犖犖犖犖犢犖犖÷弦犖 Chingchai Humhong Regional Center of Geo-Informatics and Space Technology, Lower Northern Region Naresuan University
- 4. <Rule> <Name>amp</Name> <Title>amp</Title> <Abstract>amp</Abstract> <ogc:Filter> <ogc:PropertyIsEqualTo> <ogc:PropertyName>AMP_CODE</ogc:PropertyName> <ogc:Literal>1101</ogc:Literal> </ogc:PropertyIsEqualTo> </ogc:Filter> <PolygonSymbolizer> <Fill> <CssParameter name="fill">#2ed20a</CssParameter> <CssParameter name="fill-opacity">1</CssParameter> </Fill> <Stroke> <CssParameter name="stroke">#000000</CssParameter> <CssParameter name="stroke-width">0.26</CssParameter> <CssParameter name="stroke-opacity">1</CssParameter> </Stroke> </PolygonSymbolizer> </Rule> <Rule> <Name>amp</Name> <Title>amp</Title> <Abstract>amp</Abstract> <ogc:Filter> <ogc:PropertyIsEqualTo> <ogc:PropertyName>AMP_CODE</ogc:PropertyName> <ogc:Literal>1102</ogc:Literal> </ogc:PropertyIsEqualTo> </ogc:Filter> <PolygonSymbolizer> <Fill> <CssParameter name="fill">#44d3f7</CssParameter> <CssParameter name="fill-opacity">1</CssParameter> </Fill> <Stroke> <CssParameter name="stroke">#000000</CssParameter> <CssParameter name="stroke-width">0.26</CssParameter> <CssParameter name="stroke-opacity">1</CssParameter> </Stroke> <?xml version="1.0" encoding="ISO-8859-1"?> <StyledLayerDescriptor version="1.0.0" xsi:schemaLocation="http://www.opengis.net/sld 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>Polygon Basic</Name> <UserStyle> <Title>SLD Cook Book: Polygon Label halo</Title> <FeatureTypeStyle> <Rule> <PolygonSymbolizer> <Fill> <CssParameter name="fill">#D47FFF</CssParameter> <CssParameter name="fill-opacity">0.5</CssParameter> </Fill> <Stroke> <CssParameter name="stroke">#2D2D2D</CssParameter> <CssParameter name="stroke-width">2</CssParameter> </Stroke> </PolygonSymbolizer> <TextSymbolizer> <Label> <ogc:PropertyName>TAM_NAME</ogc:PropertyName> </Label> <Halo> <Radius>2</Radius> <Fill> <CssParameter name="fill">#FFFFFF</CssParameter> </Fill> </Halo> </TextSymbolizer> </Rule> </FeatureTypeStyle> </UserStyle> </NamedLayer> </StyledLayerDescriptor> 犖犖о犖迦犖萎犖犢犢犖犖犖犖朽犖犖о権犢 犖÷顕 SLD 犖犢犢犖÷犢犖犢犖犢犖迦権犖犖∇犖迦犖犖朽犖犖巌犖犖犖園
- 7. <Graphic> </Graphic> Tag Description <ExternalGraphic> 犖犖萎犖伍犖犖ム犖犖項犖犖迦犖犖朽犖犖萎犖犢犢犖犢犖犖犖園犖ム険犖犖犖犢 <Mark> 犖犖萎犖伍犖犖ム犖犖項犖犢犖迦 <WellKnownName>犖犖朽犖犖萎犖犢犢犖犢犖犖犖園犖ム険犖犖犖犢 <Opacity> 犖犖迦見犖犖犖犖о顕犖÷犖謹犢犖犖 (犢犖犖犢犖犢犖) 犖犖犖犖犖園犖ム険犖犖犖犢 犢犖犖∇犖犖巌犖÷犖園犖犢犖犢 0 (犢犖犖犢犖犢犖犖犖∇犖迦 犖犖÷犖項牽犖犢)犖犖謹 1 (犖犖謹犢犖犖犖犖∇犖迦犖犖÷犖項牽犖犢) 犢犖犖∇犢犖迦犖犖巌犖÷犢犖犖犖劇賢 1 <Size> 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犖犖迦犖犖犖犖犖園犖ム険犖犖犖犢 <Rotation> 犖犖迦見犖犖犖犖迦牽犖犖÷幻犖犖犖犖犖犖園犖ム険犖犖犖犢 犢犖犖犖項犖犖犖犖 犢犖ム鍵犖犖萎見犖÷幻犖犢犖犖巌犖÷犖謹犖犢犖犖犖巌絹犖犖迦犖犖迦検犢犖犢犖 犖犖迦謙犖巌犖 犖犢犖迦献犖犖犢犖犖犖朽犖犖謹犖犖迦牽犖犖÷幻犖犖犖о犢犖犢犖÷犖迦謙犖巌犖 犢犖犖∇犢犖迦犖犖巌犖÷犢犖犢犖犢犖 0 Syntax PointSymbolizer
- 8. <ExternalGraphic> </ExternalGraphic> Syntax PointSymbolizer Tag Description <OnlineResource> 犖犖萎犖犢犖path犖犖朽犢犖犖迦犖犢犖犢犖犖ム犢犖о 犖犖犖劇賢犖犖迦検犖迦牽犖犢犖犢犖犖犖園犖 URL犖犢犢犖犢犢犖犢犖犖犖園 <Format> 犢犖犖ム犖犖迦検犖犖犖伍献犖犖犖犖犖迦 犖犖朽犖犖迦検犖迦牽犖犖犖犖犖犖園犖犖犢犖о犖犢犖犢 <Graphic> <ExternalGraphic> <OnlineResource xlink:type="simple" xlink:href="sanfly.png" /> <Format>image/png</Format> </ExternalGraphic> <Size>30</Size> </Graphic>
- 9. <Mark> </Mark> Tag Description <WellKnownName> 犖犖劇犖犖犖犖犖犖項犖犢犖迦犖犖朽犢犖犢犖犢犖犖 (犖犖∇犖迦犖犢犖迦権) 犢犖犖∇犖萎検犖朽犖犢犢犖ム厳犖犖犖犖∇弦犢犖犖ム顕犖∇犖犖 犢犖犢犖 circle, square,triangle,star,cross犖犖犖劇賢 x犢犖犖∇犢犖迦犖犖巌犖÷犢犖犖犖劇賢square <Fill> 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犖朽犖犖犖犖園犖ム険犖犖犖犢 <CssParametername="fill">#RRGGBB</CssParameter> #FF0000 犢犖犢犖犖犖朽賢犖萎犖? <Stroke> 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犖朽犖犢犖犖犖犖犖犖犖犖犖園犖ム険犖犖犖犢 <CssParametername="stroke">#000000</CssParameter> <CssParametername="stroke-width">2</CssParameter> Syntax PointSymbolizer
- 10. <Graphic> <Mark> <WellKnownName>triangle</WellKnownName> <Fill> <CssParameter name="fill">#009900</CssParameter> <CssParameter name="fill-opacity">0.2</CssParameter> </Fill> <Stroke> <CssParameter name="stroke">#000000</CssParameter> <CssParameter name="stroke-width">2</CssParameter> </Stroke> </Mark> <Size>12</Size> </Graphic> Syntax PointSymbolizer
- 12. LineSymbolizer
- 14. <Stroke> </Stroke> Tag Description <GraphicStroke> 犢犖犢犖犖犖迦牽犖犖迦犖犖迦犖犖迦犖巌 犖÷顕犖犢犖犖犖犖園犖犖園犖犢犖犖÷弦犖ム犖犢犖 犖犖迦犖犢犖犢犖犖÷弦犖ム犖犢犖犢犖犢犖犢犖犖犖ム弦犖犖犖犖 <CssParameter> 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犢犖迦犖迦牽犖迦検犖巌犖犖犖犢犢犖犢犖犖園犖犢犖犖÷弦犖ム犖犢犖 Syntax LineSymbolizer
- 15. <CssParameter> Tag Description name="stroke" 犖犖迦見犖犖犖犢犖迦肩犖朽犖犢犖犖園犖犢犖犖÷弦犖ム犖犢犖 犢犖犖犖項犢犖犖 # RRGGBB犢犖犖∇犢犖迦犖犖巌犖÷犢犖犢犖犢犖犖犖朽犖 (# 000000) name="stroke-width" 犖犖萎犖伍犖о顕犖÷犖о犖迦犖犖犖犖犢犖犖÷弦犖ム犖犢犖犢犖犖犖犢犖о権犖犖巌犢犖犖 犢犖犖巌犖÷犢犖犖犖劇賢 1 name="stroke-opacity" 犖犖迦見犖犖犖犖о顕犖÷犖謹犢犖犖 (犢犖犖犢犖犢犖) 犖犖犖犖犖園犖ム険犖犖犖犢 犢犖犖∇犖犖巌犖÷犖園犖犢犖犢 0 (犢犖犖犢犖犢犖犖犖∇犖迦 犖犖÷犖項牽犖犢)犖犖謹 1 (犖犖謹犢犖犖犖犖∇犖迦犖犖÷犖項牽犖犢) 犢犖犖∇犢犖迦犖犖巌犖÷犢犖犖犖劇賢 1 name="stroke-linejoin" 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犖項犢犖犖犖犖犖犖犢犖犖÷弦犖ム犖犢犖犖犖犖犢犖犢犖犖犖犖犖犖犖劇賢 segments 犖犖犖犖犢犖犖÷弦犖ム犖犢犖 犢犖ム鍵犖犖伍犖犖園犖犖迦犢犖∇犖犖犖犢犖犢犖 犢犖犖∇犢犖迦犖朽犖犖萎犖犖萎犖犖犢犖犖犢犖о権 3 犖犢犖 犢犖犢犢犖犢 - mitre=犖犖萎犖迦検犖伍検(犖犖迦犢犖犢犖)犖犖犖犢犖犢犖犖犖萎犖÷犖園 犖ム険犖犖犖犖萎犖萎犖犢犖犢犖犖ム元犢犖∇検 - round= 犖ム険犖犖犖犖萎犖犖犖犢犖犖÷弦犖ム犖犢犖犖犖萎犖犢犖犖÷ - bevel =犖ム険犖犖犖犖萎犖犖犖犢犖犖÷弦犖ム犖犢犖犖犖萎犖犢犖犢犖犖犢犖犢犖犖犖巌絹犖犖迦犖÷幻犖÷犢犖∇ 犢犖犖∇犢犖迦犖犖巌犖÷犢犖犢犖犢犖 mitre name="stroke-linecap" 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犖項犢犖犖犖犖犖犖犢犖犖÷弦犖ム犖犖犢犖о犖犖ム顕犖 (node/endnode)犖犖犖犢犖犢犖犢犖犖 犖犢犖迦犖朽犖犖萎犖犖萎犖犖犢犖犖犢犖о権 3 犖犢犖 犢犖犢犢犖犢 - butt= 犢犖犖犖犖ム険犖犖犖犖萎犖犖犖犢犖犖÷弦犖ム犖萎犖犢犖÷犖犖犖犖犖犢犖犢犖 - round= 犢犖犖犖犖ム険犖犖犖犖萎犖犖犖犢犖犖÷弦犖ム犖犢犖犖犖萎犖犢犖犖÷ - square=犖ム険犖犖犖犖萎犖犖犖犢犖犖÷弦犖ム犖犢犖犖犖萎犖犢犖犢犖犖犖犖犖犖犖朽犢犖犖ム元犢犖∇検 犢犖犖∇犢犖迦犖犖巌犖÷犢犖犢犖犢犖 butt Syntax LineSymbolizer
- 16. Tag Description name="stroke-dasharray" 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犖項犢犖犖犖犖犖犖犢犖犖÷弦犖ム犖犢犖犢犖犖犢犖犢犖犖犖犖 name="stroke-dashoffset" 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犖項犢犖犖犖犖犖犖犢犖犖÷弦犖ム犖犢犖 犢犖犖∇犖犢犢犖犖劇犖犖犖犖犖犖犖萎権犖萎犖迦犢犖犖犖犢犖о権犖犖犖 犖犖巌犢犖犖ム犖犖∇権犖謹犖犖迦検犖犖項犢犖犖 dasharray 犢犖犖∇犢犖迦犖犖巌犖÷犢犖犖犖劇賢 0 犖犖謹犖犖÷険犖犖犖萎犖犢犖犖園 犖犢犖犖÷弦犖ム犖犢犖犖犖朽犢犖犖犖犖犖ム犖犖犖犖伍 Syntax LineSymbolizer </CssParameter>
- 19. <FeatureTypeStyle> <Rule> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#0000FF</CssParameter> <CssParameter name="stroke-width>6</CssParameter> <CssParameter name="stroke-linecap">round</CssParameter> </Stroke> </LineSymbolizer> </Rule> </FeatureTypeStyle> <FeatureTypeStyle> <Rule> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#FF0000</CssParameter> <CssParameter name="stroke-width">3</CssParameter> <CssParameter name="stroke-linecap">round</CssParameter> </Stroke> </LineSymbolizer> </Rule> </FeatureTypeStyle> 犖犖迦牽犢犖犖朽権犖犖犢犖犖犢犢犖犖 2 犖犖園犖
- 20. 犖犖迦牽犢犖犖朽権犖犖犢犖犖犢犢犖犖犖ム弦犖犖犖犖 <FeatureTypeStyle> <Rule> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#0000FF</CssParameter> <CssParameter name="stroke-width">1</CssParameter> <CssParameter name="stroke-dasharray">10 10</CssParameter> </Stroke> </LineSymbolizer> <LineSymbolizer> <Stroke> <GraphicStroke> <Graphic> <Mark> <WellKnownName>circle</WellKnownName> <Stroke> <CssParameter name="stroke">#FF0000</CssParameter> <CssParameter name="stroke-width">1</CssParameter> </Stroke> </Mark> <Size>6</Size> </Graphic> </GraphicStroke> <CssParameter name="stroke-dasharray">5 15</CssParameter> <CssParameter name="stroke-dashoffset">7.5</CssParameter> </Stroke> </LineSymbolizer> </Rule> </FeatureTypeStyle>
- 22. <FeatureTypeStyle> <Rule> <PolygonSymbolizer> <Fill> <CssParameter name="fill">#aaffff</CssParameter> </Fill> <Stroke> <CssParameter name="stroke">#00557f</CssParameter> <CssParameter name="stroke-width">2</CssParameter> </Stroke> </PolygonSymbolizer> </Rule> </FeatureTypeStyle> PolygonSymbolizer
- 23. <PolygonSymbolizer> </PolygonSymbolizer> Tag Description <Fill> 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犖朽犖犖犖犖園犖ム険犖犖犖犢 polygon <CssParametername="fill">#RRGGBB</CssParameter> <Stroke> 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犖朽犖犢犖犖犖犖犖犖犖犖犖園犖ム険犖犖犖犢 polygon <CssParametername="stroke">#00557f</CssParameter> <CssParametername="stroke-width">2</CssParameter> Syntax PolygonSymbolizer <Fill> </Fill> Tag Description <GraphicFill> 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犖園犖ム険犖犖犖犢犢犖犖∇犖犢犖犖犖迦犖巌犖犖犖劇賢犖犖項犖犖迦 <CssParameter> 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犢犖迦犖迦牽犖迦検犖巌犖犖犖犢犢犖犢犖犖園犖犖園犖ム険犖犖犖犢 Polygon
- 24. <CssParameter> </CssParameter> Tag Description name="fill" 犢犖犢犖犖犖迦牽犖犖迦見犖犖犖犖朽犖犖犖犖園犖ム険犖犖犖犢 polygon <CssParametername="fill">#RRGGBB</CssParameter> 犢犖犖∇犢犖迦犖犖巌犖÷犢犖 犢犖犢犖犖犖朽犖犖 (#808080) name="fill-opacity" 犖犖迦見犖犖犖犖о顕犖÷犖謹犢犖犖 (犢犖犖犢犖犢犖) 犖犖犖犖犖園犖ム険犖犖犖犢 犢犖犖∇犖犖巌犖÷犖園犖犢犖犢 0 (犢犖犖犢犖犢犖犖犖∇犖迦 犖犖÷犖項牽犖犢)犖犖謹 1 (犖犖謹犢犖犖犖犖∇犖迦犖犖÷犖項牽犖犢) 犢犖犖∇犢犖迦犖犖巌犖÷犢犖犖犖劇賢 1 Syntax PolygonSymbolizer
- 25. TextSymbolizer
- 26. <TextSymbolizer> </TextSymbolizer> Tag Description <Label> 犖犖萎犖伍犖犖劇犖犖犖迦犖犖犖犢 犖迦権犖犢犖犖犖о顕犖÷見犖犖劇賢犖犢 犖迦権犖犖迦犖園犖犢犖犖÷弦犖 (犖犖劇犖犖犖園硯Field) <Font> 犖犖萎犖伍犢犖犖÷弦犖ム犖園硯犖犖園犖犖犢犖ム鍵犖犖伍犖犖÷犖園犖巌犖犖犖犖園硯犖犖園犖犖犖犖迦見犖犖園犖犢 犖迦権犖犖迦犖園 犖犢犖犖÷弦犖 <LabelPlacement> 犖犖迦見犖犖犖犢犖迦犖迦犖犖犢犖犖犖犖犖犖園硯犖犖園犖犖犖犖迦見犖犖園犖犢 犖迦権犖犖迦犖園犖犢犖犖÷弦犖 <Halo> 犖犖犢犖迦犖犖劇犖犖犖ム険犖犖犖朽牽犖犖 犢 犖犢 犖迦権犖犢犖犖犖о顕犖÷肩犖迦見犖犖園犢犖犖巌犖÷犖о顕犖÷犖犢犖犖犖園犢犖犖犖迦牽 犢犖犖犖犖犖ム犖犖犖犢 犖迦権犖犖迦犖園犖犢犖犖÷弦犖 <Fill> 犖犖迦牽犖犖迦見犖犖犢犖犖巌検犖犖朽犖犖犖犢 犖迦権犖犖迦犖園犖犢犖犖÷弦犖 Syntax TextSymbolizer
- 27. <Label> <ogc:PropertyName>VILL_NAM_T</ogc:PropertyName> </Label> Syntax TextSymbolizer 犖犖劇犖犖犖犖 field 犢犖犖犢犖犖÷弦犖ム犖迦牽犖迦犖犖犖 Shapefile
- 28. <Font> <CssParameter name="font-family">Tahoma</CssParameter> <CssParameter name="font-size">11</CssParameter> <CssParameter name="font-style">normal</CssParameter> <CssParameter name="font-weight">bold</CssParameter> </Font> Syntax TextSymbolizer name="font-family"> : 犢犖犢犖犖犖劇犖犖犖犖犖犢犖犖犖犢犖犖朽犢犖犖迦犖萎犖迦見犖犖犢犖犢犢犖犢犖犖犢 犖迦権犖犖迦犖園犖犢犖犖÷弦犖 name="font-size : 犖犖迦見犖犖犖犖犖迦犖犖犖犖犖園硯犖犖園犖犖犢犖犖犖犢犖о権犖犖巌犢犖犖 犢犖犖巌犖÷犢犖犖犖劇賢 10 name="font-style"> : 犖犖迦見犖犖犖犖項犢犖犖犖犖犖犖犖園硯犖犖園犖犖 犢犖犖∇検犖朽牽犖項犢犖犖犢犖犢犢犖ム厳犖犖犢犖犢 犢犖犢犢犖犢 normal, italic 犢犖ム鍵 oblique 犢犖犖∇犖犖巌犖÷犢犖犖犖劇賢 normal name="font-weight" : 犖犖迦見犖犖犖犖о顕犖÷見犖犖迦犖犖犖犖園硯犖犖園犖犖 犢犖犖∇検犖朽犖園硯犢犖ム厳犖犖犢犖犢犖 normal 犢犖ム鍵 bold 犢犖犖巌犖÷犢犖犢犖犢犖 normal
- 29. <Halo> <Radius>3</Radius> <Fill> <CssParameter name="fill">#FFFFFF</CssParameter> </Fill> </Halo> Syntax TextSymbolizer <Radius> : 犖犖迦見犖犖犖犖犖迦犖犖園絹犖÷元犖犖犖犖犢犖迦権犖犖迦犖園犢犖犖犖巌犢犖犖 犢犖犖巌犖÷犢犖犖犖劇賢 1 <Fill> : 犖犖迦見犖犖犖犢犖迦肩犖朽犖犖犖犖園絹犖÷元犢犖犖犖項犢犖犖犖犖犖 # RRGGBB 犢犖犖巌犖÷犢犖犢犖犢犖犖犖朽犖迦硯 (# FFFFFF)
- 30. SLD Workshop