Skip to content

ArcGIS javascript custom Line Symbol. Subclass of SimpleLineSymbol to display direction markers on line symbols.

License

Notifications You must be signed in to change notification settings

vmbajop/external-DirectionalLineSymbol

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DirectionalLineSymbol

ArcGIS javascript custom Line Symbol.

DirectionalLineSymbol inherits from SimpleLineSymbol. It displays directional symbols on the line that indicate the direction of the line. I needed some arrow symobls on my lines (in a feature or graphics layer) to indicate direction but I just wanted to be able to do it in one place.

Features

  • Adds directional graphics to the map along a SimpleLineSymbol starting from start of the line to the end.
  • Can be used for Polyline line symbols or as the outline of a Polygon SimpleFillSymbol.
  • A few pre-configured symbols to use, or pass in a custom path 'd' attribute string to display any symbol you want.
  • Set the amount of pixels in between each direction symbol to space them appropriately depending on the data.
  • Just for fun animate the direction symbols appearing along the line.
  • All logic contained in the DirectionalLineSymbol class, no need to create seperate renderers or add attributes to graphics (or use text symbols).

Note

Normallly symbol classes are really just used to define how a graphic will appear, but to actually draw the directional symbols along the line DirectionalLineSymbol breaks that paradigm. I wanted something super simple to call from anywhere - ie: without having to create a symbol class and a renderer and possibly other stuff, so just wanted to do -

var s = new DirectionalLineSymbol(options);

...and all sorted. But to do that had to add graphic specific functions and event handlers for graphics layers and the map (only once though) within DirectionalLineSymobl. So I can understand why this isn't in the actual api, but wanted a solution anyway.

Code is commented and the options explained in the constructor. How to use is in index.html which is the same as this example page: http://directionallinesymbol.azurewebsites.net/

Add to, edit or find bugs, thanks!

About

ArcGIS javascript custom Line Symbol. Subclass of SimpleLineSymbol to display direction markers on line symbols.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 71.7%
  • HTML 28.3%