Comments on: Follow the arrows http://blog.geoserver.org/2009/04/02/follow-the-arrows/ Everything GeoServer, and a little more Sat, 31 Jul 2010 17:28:20 +0000 http://wordpress.org/?v=2.8.6 hourly 1 By: Paul Ramsey http://blog.geoserver.org/2009/04/02/follow-the-arrows/comment-page-1/#comment-36348 Paul Ramsey Mon, 11 May 2009 18:28:05 +0000 http://blog.geoserver.org/?p=191#comment-36348 I found that I needed two other parameters in the SLD to get this to work for me. I needed this between Font and Fill: <LabelPlacement> <LinePlacement> <PerpendicularOffset>0</PerpendicularOffset> </LinePlacement> </LabelPlacement> And this after Fill: <VendorOption name="followLine">true</VendorOption> <VendorOption name="forceLeftToRight">false</VendorOption> I found that I needed two other parameters in the SLD to get this to work for me. I needed this between Font and Fill:

<LabelPlacement>
<LinePlacement>
<PerpendicularOffset>0</PerpendicularOffset>
</LinePlacement>
</LabelPlacement>

And this after Fill:

<VendorOption name=”followLine”>true</VendorOption>
<VendorOption name=”forceLeftToRight”>false</VendorOption>

]]> By: Harald Wellmann http://blog.geoserver.org/2009/04/02/follow-the-arrows/comment-page-1/#comment-33131 Harald Wellmann Tue, 07 Apr 2009 14:36:20 +0000 http://blog.geoserver.org/?p=191#comment-33131 Very helpful! I just posted a question about drawing arrows on the uDig mailing list, and received a link to this post. I tried the second approach from Christoph's comments in uDig. There is a screenshot in my blog: http://hwellmann.blogspot.com/2009/04/arrows-with-styled-layer-descriptor.html Very helpful! I just posted a question about drawing arrows on the uDig mailing list, and received a link to this post.

I tried the second approach from Christoph’s comments in uDig. There is a screenshot in my blog:

http://hwellmann.blogspot.com/2009/04/arrows-with-styled-layer-descriptor.html

]]> By: Mike Pumphrey http://blog.geoserver.org/2009/04/02/follow-the-arrows/comment-page-1/#comment-32948 Mike Pumphrey Mon, 06 Apr 2009 15:58:56 +0000 http://blog.geoserver.org/?p=191#comment-32948 Hey Christoph. Thanks for the code. Do you have a link to a screenshot or some sample output using this SLD? I'm sure everyone would like to see it. (And I'll look into getting some comment previewing set up.) Hey Christoph. Thanks for the code. Do you have a link to a screenshot or some sample output using this SLD? I’m sure everyone would like to see it.

(And I’ll look into getting some comment previewing set up.)

]]> By: Christoph http://blog.geoserver.org/2009/04/02/follow-the-arrows/comment-page-1/#comment-32898 Christoph Mon, 06 Apr 2009 07:40:39 +0000 http://blog.geoserver.org/?p=191#comment-32898 I'm sorry, this was my first post. I try another one with xml quoted. Why there is no button for testing comments? <Rule> <ogc:Filter> <ogc:Or> <ogc:PropertyIsEqualTo> <ogc:PropertyName>oneway</ogc:PropertyName> <ogc:Literal>yes</ogc:Literal> </ogc:PropertyIsEqualTo> <ogc:PropertyIsEqualTo> <ogc:PropertyName>oneway</ogc:PropertyName> <ogc:Literal>true</ogc:Literal> </ogc:PropertyIsEqualTo> <ogc:PropertyIsEqualTo> <ogc:PropertyName>oneway</ogc:PropertyName> <ogc:Literal>1</ogc:Literal> </ogc:PropertyIsEqualTo> </ogc:Or> </ogc:Filter> <MaxScaleDenominator>10000</MaxScaleDenominator> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#6c70d5</CssParameter> <CssParameter name="stroke-width">1</CssParameter> <CssParameter name="stroke-linejoin">bevel</CssParameter> <CssParameter name="stroke-dasharray">0 12 10 152</CssParameter> </Stroke> </LineSymbolizer> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#6c70d5</CssParameter> <CssParameter name="stroke-width">2</CssParameter> <CssParameter name="stroke-linejoin">bevel</CssParameter> <CssParameter name="stroke-dasharray">0 12 9 153</CssParameter> </Stroke> </LineSymbolizer> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#6c70d5</CssParameter> <CssParameter name="stroke-width">3</CssParameter> <CssParameter name="stroke-linejoin">bevel</CssParameter> <CssParameter name="stroke-dasharray">0 18 2 154</CssParameter> </Stroke> </LineSymbolizer> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#6c70d5</CssParameter> <CssParameter name="stroke-width">4</CssParameter> <CssParameter name="stroke-linejoin">bevel</CssParameter> <CssParameter name="stroke-dasharray">0 18 1 155</CssParameter> </Stroke> </LineSymbolizer> </Rule> <Rule> <ogc:Filter> <ogc:PropertyIsEqualTo> <ogc:PropertyName>oneway</ogc:PropertyName> <ogc:Literal>-1</ogc:Literal> </ogc:PropertyIsEqualTo> </ogc:Filter> <MaxScaleDenominator>10000</MaxScaleDenominator> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#6c70d5</CssParameter> <CssParameter name="stroke-width">1</CssParameter> <CssParameter name="stroke-linejoin">bevel</CssParameter> <CssParameter name="stroke-dasharray">0 12 10 152</CssParameter> </Stroke> </LineSymbolizer> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#6c70d5</CssParameter> <CssParameter name="stroke-width">2</CssParameter> <CssParameter name="stroke-linejoin">bevel</CssParameter> <CssParameter name="stroke-dasharray">0 13 9 152</CssParameter> </Stroke> </LineSymbolizer> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#6c70d5</CssParameter> <CssParameter name="stroke-width">3</CssParameter> <CssParameter name="stroke-linejoin">bevel</CssParameter> <CssParameter name="stroke-dasharray">0 14 2 158</CssParameter> </Stroke> </LineSymbolizer> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#6c70d5</CssParameter> <CssParameter name="stroke-width">4</CssParameter> <CssParameter name="stroke-linejoin">bevel</CssParameter> <CssParameter name="stroke-dasharray">0 15 1 158</CssParameter> </Stroke> </LineSymbolizer> </Rule> I’m sorry, this was my first post. I try another one with xml quoted. Why there is no button for testing comments?

<Rule>
<ogc:Filter>
<ogc:Or>
<ogc:PropertyIsEqualTo>
<ogc:PropertyName>oneway</ogc:PropertyName>
<ogc:Literal>yes</ogc:Literal>
</ogc:PropertyIsEqualTo>
<ogc:PropertyIsEqualTo>
<ogc:PropertyName>oneway</ogc:PropertyName>
<ogc:Literal>true</ogc:Literal>
</ogc:PropertyIsEqualTo>
<ogc:PropertyIsEqualTo>
<ogc:PropertyName>oneway</ogc:PropertyName>
<ogc:Literal>1</ogc:Literal>
</ogc:PropertyIsEqualTo>
</ogc:Or>
</ogc:Filter>
<MaxScaleDenominator>10000</MaxScaleDenominator>
<LineSymbolizer>
<Stroke>
<CssParameter name=”stroke”>#6c70d5</CssParameter>
<CssParameter name=”stroke-width”>1</CssParameter>
<CssParameter name=”stroke-linejoin”>bevel</CssParameter>
<CssParameter name=”stroke-dasharray”>0 12 10 152</CssParameter>
</Stroke>
</LineSymbolizer>
<LineSymbolizer>
<Stroke>
<CssParameter name=”stroke”>#6c70d5</CssParameter>
<CssParameter name=”stroke-width”>2</CssParameter>
<CssParameter name=”stroke-linejoin”>bevel</CssParameter>
<CssParameter name=”stroke-dasharray”>0 12 9 153</CssParameter>
</Stroke>
</LineSymbolizer>
<LineSymbolizer>
<Stroke>
<CssParameter name=”stroke”>#6c70d5</CssParameter>
<CssParameter name=”stroke-width”>3</CssParameter>
<CssParameter name=”stroke-linejoin”>bevel</CssParameter>
<CssParameter name=”stroke-dasharray”>0 18 2 154</CssParameter>
</Stroke>
</LineSymbolizer>
<LineSymbolizer>
<Stroke>
<CssParameter name=”stroke”>#6c70d5</CssParameter>
<CssParameter name=”stroke-width”>4</CssParameter>
<CssParameter name=”stroke-linejoin”>bevel</CssParameter>
<CssParameter name=”stroke-dasharray”>0 18 1 155</CssParameter>
</Stroke>
</LineSymbolizer>
</Rule>
<Rule>
<ogc:Filter>
<ogc:PropertyIsEqualTo>
<ogc:PropertyName>oneway</ogc:PropertyName>
<ogc:Literal>-1</ogc:Literal>
</ogc:PropertyIsEqualTo>
</ogc:Filter>
<MaxScaleDenominator>10000</MaxScaleDenominator>
<LineSymbolizer>
<Stroke>
<CssParameter name=”stroke”>#6c70d5</CssParameter>
<CssParameter name=”stroke-width”>1</CssParameter>
<CssParameter name=”stroke-linejoin”>bevel</CssParameter>
<CssParameter name=”stroke-dasharray”>0 12 10 152</CssParameter>
</Stroke>
</LineSymbolizer>
<LineSymbolizer>
<Stroke>
<CssParameter name=”stroke”>#6c70d5</CssParameter>
<CssParameter name=”stroke-width”>2</CssParameter>
<CssParameter name=”stroke-linejoin”>bevel</CssParameter>
<CssParameter name=”stroke-dasharray”>0 13 9 152</CssParameter>
</Stroke>
</LineSymbolizer>
<LineSymbolizer>
<Stroke>
<CssParameter name=”stroke”>#6c70d5</CssParameter>
<CssParameter name=”stroke-width”>3</CssParameter>
<CssParameter name=”stroke-linejoin”>bevel</CssParameter>
<CssParameter name=”stroke-dasharray”>0 14 2 158</CssParameter>
</Stroke>
</LineSymbolizer>
<LineSymbolizer>
<Stroke>
<CssParameter name=”stroke”>#6c70d5</CssParameter>
<CssParameter name=”stroke-width”>4</CssParameter>
<CssParameter name=”stroke-linejoin”>bevel</CssParameter>
<CssParameter name=”stroke-dasharray”>0 15 1 158</CssParameter>
</Stroke>
</LineSymbolizer>
</Rule>

]]> By: Christoph http://blog.geoserver.org/2009/04/02/follow-the-arrows/comment-page-1/#comment-32894 Christoph Mon, 06 Apr 2009 07:29:05 +0000 http://blog.geoserver.org/?p=191#comment-32894 There is another alternative to get quite cool looking direction arrows. I use it to get the oneway streets from Openstreetmap labeled. The trick is to use some kinds of dasharray strokes to make it look like arrows. Try out the following rules (one for oneway streets in forward direction and one for backward direction). You have to adapt the filter to your data and have fun! oneway yes oneway true oneway 1 10000 #6c70d5 1 bevel 0 12 10 152 #6c70d5 2 bevel 0 12 9 153 #6c70d5 3 bevel 0 18 2 154 #6c70d5 4 bevel 0 18 1 155 oneway -1 10000 #6c70d5 1 bevel 0 12 10 152 #6c70d5 2 bevel 0 13 9 152 #6c70d5 3 bevel 0 14 2 158 #6c70d5 4 bevel 0 15 1 158 There is another alternative to get quite cool looking direction arrows. I use it to get the oneway streets from Openstreetmap labeled. The trick is to use some kinds of dasharray strokes to make it look like arrows. Try out the following rules (one for oneway streets in forward direction and one for backward direction). You have to adapt the filter to your data and have fun!

oneway
yes

oneway
true

oneway
1

10000

#6c70d5
1
bevel
0 12 10 152

#6c70d5
2
bevel
0 12 9 153

#6c70d5
3
bevel
0 18 2 154

#6c70d5
4
bevel
0 18 1 155

oneway
-1

10000

#6c70d5
1
bevel
0 12 10 152

#6c70d5
2
bevel
0 13 9 152

#6c70d5
3
bevel
0 14 2 158

#6c70d5
4
bevel
0 15 1 158

]]>