Skip to content

Instantly share code, notes, and snippets.

@Zia-

Zia-/GeoServer Animate Function

Created March 5, 2017 21:24
Show Gist options
  • Save Zia-/47c4abda8603e19804c0539d33aa0e07 to your computer and use it in GitHub Desktop.
Save Zia-/47c4abda8603e19804c0539d33aa0e07 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
GeoServer Animate Function
<?xml version="1.0" encoding="ISO-8859-1"?>
<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>point_bank</Name>
<UserStyle>
<Title>bank point style</Title>
<FeatureTypeStyle>
<Rule>
<Name>Large</Name>
<MaxScaleDenominator>20000</MaxScaleDenominator>
<PointSymbolizer>
<Graphic>
<ExternalGraphic>
<OnlineResource xlink:type="simple" xlink:href="https://raw.githubusercontent.com/Zia-/Rubbish/master/Images/police_symbol_frames/frame_0_delay-0.03s.gif"/>
<Format>image/gif</Format>
</ExternalGraphic>
<Size>40</Size>
</Graphic>
</PointSymbolizer>
<TextSymbolizer>
<Label>
<ogc:PropertyName>name</ogc:PropertyName>
</Label>
<Halo>
<Radius>3</Radius>
<Fill>
<CssParameter name="fill">#FFFFFF</CssParameter>
</Fill>
</Halo>
<Font>
<CssParameter name="font-family">Arial</CssParameter>
<CssParameter name="font-size">20</CssParameter>
<CssParameter name="font-style">normal</CssParameter>
<CssParameter name="font-weight"></CssParameter>
</Font>
<LabelPlacement>
<PointPlacement>
<AnchorPoint>
<AnchorPointX>0.5</AnchorPointX>
<AnchorPointY>0.0</AnchorPointY>
</AnchorPoint>
<Displacement>
<DisplacementX>0</DisplacementX>
<DisplacementY>5</DisplacementY>
</Displacement>
</PointPlacement>
</LabelPlacement>
<Fill>
<CssParameter name="fill">#000000</CssParameter>
</Fill>
</TextSymbolizer>
</Rule>
<Rule>
<Name>Medium</Name>
<MinScaleDenominator>20000</MinScaleDenominator>
<MaxScaleDenominator>10000000</MaxScaleDenominator>
<PointSymbolizer>
<Graphic>
<ExternalGraphic>
<OnlineResource xlink:type="simple" xlink:href="https://raw.githubusercontent.com/Zia-/Rubbish/master/Images/police_symbol_frames/frame_0_delay-0.03s.gif"/>
<Format>image/gif</Format>
</ExternalGraphic>
<Size>30</Size>
</Graphic>
</PointSymbolizer>
</Rule>
<Rule>
<Name>Small</Name>
<MinScaleDenominator>10000000</MinScaleDenominator>
<MaxScaleDenominator>30000000</MaxScaleDenominator>
<PointSymbolizer>
<Graphic>
<Mark>
<WellKnownName>circle</WellKnownName>
<Fill>
<CssParameter name="fill">#B80912</CssParameter>
</Fill>
<Stroke>
<CssParameter name="stroke">#000000</CssParameter>
<CssParameter name="stroke-width">1</CssParameter>
</Stroke>
</Mark>
<Size>12</Size>
</Graphic>
</PointSymbolizer>
</Rule>
<Rule>
<Name>Small</Name>
<MinScaleDenominator>30000000</MinScaleDenominator>
</Rule>
</FeatureTypeStyle>
</UserStyle>
</NamedLayer>
</StyledLayerDescriptor>
<?xml version="1.0" encoding="ISO-8859-1"?>
<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>point_bank</Name>
<UserStyle>
<Title>bank point style</Title>
<FeatureTypeStyle>
<Rule>
<Name>Large</Name>
<MaxScaleDenominator>20000</MaxScaleDenominator>
<PointSymbolizer>
<Graphic>
<ExternalGraphic>
<OnlineResource xlink:type="simple" xlink:href="https://raw.githubusercontent.com/Zia-/Rubbish/master/Images/police_symbol_frames/frame_1_delay-0.03s.gif"/>
<Format>image/gif</Format>
</ExternalGraphic>
<Size>40</Size>
</Graphic>
</PointSymbolizer>
<TextSymbolizer>
<Label>
<ogc:PropertyName>name</ogc:PropertyName>
</Label>
<Halo>
<Radius>3</Radius>
<Fill>
<CssParameter name="fill">#FFFFFF</CssParameter>
</Fill>
</Halo>
<Font>
<CssParameter name="font-family">Arial</CssParameter>
<CssParameter name="font-size">20</CssParameter>
<CssParameter name="font-style">normal</CssParameter>
<CssParameter name="font-weight"></CssParameter>
</Font>
<LabelPlacement>
<PointPlacement>
<AnchorPoint>
<AnchorPointX>0.5</AnchorPointX>
<AnchorPointY>0.0</AnchorPointY>
</AnchorPoint>
<Displacement>
<DisplacementX>0</DisplacementX>
<DisplacementY>5</DisplacementY>
</Displacement>
</PointPlacement>
</LabelPlacement>
<Fill>
<CssParameter name="fill">#000000</CssParameter>
</Fill>
</TextSymbolizer>
</Rule>
<Rule>
<Name>Medium</Name>
<MinScaleDenominator>20000</MinScaleDenominator>
<MaxScaleDenominator>10000000</MaxScaleDenominator>
<PointSymbolizer>
<Graphic>
<ExternalGraphic>
<OnlineResource xlink:type="simple" xlink:href="https://raw.githubusercontent.com/Zia-/Rubbish/master/Images/police_symbol_frames/frame_1_delay-0.03s.gif"/>
<Format>image/gif</Format>
</ExternalGraphic>
<Size>30</Size>
</Graphic>
</PointSymbolizer>
</Rule>
<Rule>
<Name>Small</Name>
<MinScaleDenominator>10000000</MinScaleDenominator>
<MaxScaleDenominator>30000000</MaxScaleDenominator>
<PointSymbolizer>
<Graphic>
<Mark>
<WellKnownName>circle</WellKnownName>
<Fill>
<CssParameter name="fill">#B80912</CssParameter>
</Fill>
<Stroke>
<CssParameter name="stroke">#000000</CssParameter>
<CssParameter name="stroke-width">1</CssParameter>
</Stroke>
</Mark>
<Size>12</Size>
</Graphic>
</PointSymbolizer>
</Rule>
<Rule>
<Name>Small</Name>
<MinScaleDenominator>30000000</MinScaleDenominator>
</Rule>
</FeatureTypeStyle>
</UserStyle>
</NamedLayer>
</StyledLayerDescriptor>
<?xml version="1.0" encoding="ISO-8859-1"?>
<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>point_bank</Name>
<UserStyle>
<Title>bank point style</Title>
<FeatureTypeStyle>
<Rule>
<Name>Large</Name>
<MaxScaleDenominator>20000</MaxScaleDenominator>
<PointSymbolizer>
<Graphic>
<ExternalGraphic>
<OnlineResource xlink:type="simple" xlink:href="https://raw.githubusercontent.com/Zia-/Rubbish/master/Images/police_symbol_frames/frame_2_delay-0.03s.gif"/>
<Format>image/gif</Format>
</ExternalGraphic>
<Size>40</Size>
</Graphic>
</PointSymbolizer>
<TextSymbolizer>
<Label>
<ogc:PropertyName>name</ogc:PropertyName>
</Label>
<Halo>
<Radius>3</Radius>
<Fill>
<CssParameter name="fill">#FFFFFF</CssParameter>
</Fill>
</Halo>
<Font>
<CssParameter name="font-family">Arial</CssParameter>
<CssParameter name="font-size">20</CssParameter>
<CssParameter name="font-style">normal</CssParameter>
<CssParameter name="font-weight"></CssParameter>
</Font>
<LabelPlacement>
<PointPlacement>
<AnchorPoint>
<AnchorPointX>0.5</AnchorPointX>
<AnchorPointY>0.0</AnchorPointY>
</AnchorPoint>
<Displacement>
<DisplacementX>0</DisplacementX>
<DisplacementY>5</DisplacementY>
</Displacement>
</PointPlacement>
</LabelPlacement>
<Fill>
<CssParameter name="fill">#000000</CssParameter>
</Fill>
</TextSymbolizer>
</Rule>
<Rule>
<Name>Medium</Name>
<MinScaleDenominator>20000</MinScaleDenominator>
<MaxScaleDenominator>10000000</MaxScaleDenominator>
<PointSymbolizer>
<Graphic>
<ExternalGraphic>
<OnlineResource xlink:type="simple" xlink:href="https://raw.githubusercontent.com/Zia-/Rubbish/master/Images/police_symbol_frames/frame_2_delay-0.03s.gif"/>
<Format>image/gif</Format>
</ExternalGraphic>
<Size>30</Size>
</Graphic>
</PointSymbolizer>
</Rule>
<Rule>
<Name>Small</Name>
<MinScaleDenominator>10000000</MinScaleDenominator>
<MaxScaleDenominator>30000000</MaxScaleDenominator>
<PointSymbolizer>
<Graphic>
<Mark>
<WellKnownName>circle</WellKnownName>
<Fill>
<CssParameter name="fill">#B80912</CssParameter>
</Fill>
<Stroke>
<CssParameter name="stroke">#000000</CssParameter>
<CssParameter name="stroke-width">1</CssParameter>
</Stroke>
</Mark>
<Size>12</Size>
</Graphic>
</PointSymbolizer>
</Rule>
<Rule>
<Name>Small</Name>
<MinScaleDenominator>30000000</MinScaleDenominator>
</Rule>
</FeatureTypeStyle>
</UserStyle>
</NamedLayer>
</StyledLayerDescriptor>
/////// Make like above all different kind of SLDs in GeoServer u wanna use along with corresponding png/jpg resources.
/////// Add Additional Style (Edit Layer > Publishing) in GeoServer for that Layer.
/////// Use this url to enjoy gif effect:
http://localhost:8080/geoserver/florenceItaly/wms/animate
?layers=florenceItaly:point_police
&format=image/gif;subtype=animated
&aparam=styles
&avalues=point_police_frames_0,point_police_frames_5,point_police_frames_11,point_police_frames_16,point_police_frames_21
&format_options=gif_loop_continuosly:true;gif_frames_delay:10
/////// Note: point_police_frames_0, point_police_frames_0 are different style names we just created at the very begining.
/////// Additional notes:
http://docs.geoserver.org/stable/en/user/tutorials/animreflector.html
http://docs.geoserver.org/stable/en/user/styling/sld/extensions/substitution.html#sld-variable-substitution
http://www.geo-solutions.it/blog/animate-your-maps-with-geoserver-animator-tool/
&width=640
@Zia-
Copy link
Author

Zia- commented Mar 5, 2017

GeoServer animate function in style in raster image.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment