Line Style With Arrows

A colleague of mine asked me if there was a way to put arrows at the end of drawn polylines. My answer was "Not out of the box directly :-( but you can create your own line style subclass :-) And here is an implementation in action. Check out the source code here.

Comments

Unknown said…
This is awesome. I was just tasking a developer to code this for an Auto Theft Location/Recovery Tool.

Any chance you have a dual map with one control implementation?

Thanks and keep up the innovation.

- marseyas
March 18, 2009 at 4:46 PM
Unknown said…
I been working with your ArrowApp but when I bring up ArrowApp.html none of the arrow heads are placed properly. The arrow heads are not attached to the line as expected. If I zoom in or out on the map the arrow heads are again displayed incorrectly. The same problem occurs when I create a graphic programatically and set its symbol to an ArrowLineStyle object and add it to the GraphicsLayer. To get the arrow heads to display properly I have to pan the map or resize my browser window. When I view the hosted example you have everything shows up properly. I suspect you are using a previous version of the ESRI Flex library. I am using agslib-1.2-2009-05-15.swc. Any Ideas? Any help is appreciated.

I had previously downloaded ArrowApp from the Best Practices code bundle in the ESRI Flex Code Gallery, and posted to their forum about the same issue. They directed me to you. See my forum post here.
August 3, 2009 at 5:01 PM
thunderhead said…
Yeap - looks like there were mods to the final swc to make the sample not display the arrows at the correct location - try the following:
public override function draw(sprite:Sprite, geometry:Geometry, attributes:Object, map:Map):void
{
super.draw(sprite, geometry, attributes, map);
if (geometry is Polyline)
{
sprite.graphics.lineStyle(width, color, alpha);
const polyline:Polyline = Polyline(geometry);
for each (var path:Array in polyline.paths)
{
if (path.length > 1)
{
drawPath(sprite, path, map);
}
}
}
}
Note how the super call is moved to the top ? hope this helps
August 6, 2009 at 5:06 AM
Unknown said…
I updated ArrowLineStyle.as the way you've suggested and it worked like a charm. Thanks! Much appreciated!
August 6, 2009 at 11:46 AM
Unknown said…
I updated ArrowLineStyle.as the way you've suggested and it worked like a charm. Thanks! Much appreciated!
August 6, 2009 at 11:47 AM
Anonymous said…
It works GREAT....thank you for the hard work...
February 3, 2010 at 6:59 PM
Post a Comment

Popular posts from this blog

How to use Esri Flex API on Android and iPhone

Image
Update (Jun 2011) : For more updated info, check out my ADC article here . At MAX2010 (Awesome BTW) Adobe introduced Flex SDK Hero and Flash Builder Burrito which enables you to build and deploy Flex mobile applications on Android by default. In addition, using the revitalized Packager for iPhone , you can postprocess the swf into an ipa that you can deploy on an iPhone using iTunes. In this post, I will share with you the steps that I took to use the Flex API for ArcGIS to build a mobile mapping application. First and foremost - RTFM - here are some links that u _need_ to read specially for iPhone provisioning: http://opensource.adobe.com/wiki/display/flexsdk/Hero http://labs.adobe.com/technologies/flashbuilder_burrito/ http://labs.adobe.com/technologies/packagerforiphone/ The cool part of this whole process is now you have one code base to build upon and deploy on Android and iPhone and in the future whatever mobile platform Adobe decides to support. You can download ...
Read more

Weighted Map Feature Clustering With Attributes

Image
Was asked if the WeightedClusterer can cluster features not just by proximity but by proximity and attribute property value. The idea is that there should be at least one cluster per unique attribute property value. Let me explain further:  The above snapshot is a clustering of cities based on proximity and country - note that despite the proximity of Belgium and The Netherlands, two distinct clusters have been created one for BE and the other for NL - now for France - there is a cluster containing one feature over Paris, however due to the distance from Paris (at that scale) a cluster was created based on 3 cities in the south of France. Make sense ? In the implementation of the AttrClusterer class that extends the ESRIClusterer class, we override the clusterGraphics function. This function is invoked indirectly by the Flex framework during the update of the display list. In this function, we overlay a virtual grid on the map. This grid acts as a spatial index. Features that are ...
Read more

Augmented Reality, iPhone and ArcGIS Server

Image
I am a HUGE fan of Augmented Reality , and one of my favorite applications on the iPhone is Layar . In this post, I will "walk you" through how to setup a simple ArcGIS Layar Point Of Interests (POI) layer and how to expose it through the iPhone application. In addition, I created a small Flex application that will enable you to add POIs to that feature class through a python geo-processor task. BTW - this is heavily geared to using ESRI desktop and server tools and I'm assuming that you are familiar with these tools. First, request a developer key from http://dev.layar.com/ . This might take a couple of hours to get to you. So, in the meantime, let's get started. Using ArcCatalog, create a new point feature class called 'Layar' in a geodatabase with the following fields: Title (text), Line2 (Text), Line3 (Text), Line4 (Text), Attribution (Text), Type (Integer), ImageUrl (Text:512). Import that layer into a map document using ArcMap. Save and publish the ...
Read more