Geolocation Widget for ArcGIS Flex Viewer
Installation and Such
As an example of why someone would use this, I have added the ability to query a single Feature Service polygon layer. You can specify the URL of this feature service, or just leave it blank if you do not want this function.
This widget is likely architected much differently than other widgets you've seen. Good or bad, I decided to user the RobotLegs MVCS micro-architecture to create this widget. My reasons are myriad (I like Robotlegs, it makes my stuff testable, I wanted to see if I could do it, etc.) and I'll likely blog about them in the coming days, so I won't bore you here (too late). The consequences of this decision, unfortunately, make this widget's installation a bit move involved. The gain is a cleaner separation of view and business logic, in my opinion, as well as seeing one way to test your widgets. In other words, I like to think of this as a "teaching widget", and some of the things you'll (hopefully) learn are:
- How to use Robotlegs
- How to unit test your widgets using FlexUnit
- How to use ASMock to mock external concerns in your unit tests.
- How to use the HTML5 Geolocation API
- How to use the MaxMind API to fallback when HTML5 isn't an option (thank very much, IE)
You could very easily pull out the guts of this widget an make it just like all the ESRI widgets, architecturally speaking. However, before you do, I would suggest you look at how this one is done, learn from it, and (even better) make it better (or tell me what I did wrong)
As I said, the install of this widget is a bit more involved. It's not TOO bad, but being comfortble building your FlexViewer from source is a prerequisite. The installation instructions presume you are using FlashBuilder.
- Download the ArcGIS Flex Viewer 2.2 source
- Extract the ArcGIS Flex Viewer source to a directory (we'll use c:\flexviewer in these instructions)
- Extract the Geolocation widget zip archive to the root directory of your project (c:\flexviewer). The code and libs should extract to their proper locations. The folders are:
- compiled - The compiled widget
- src - Contains the widgets, com, and org source directories.
- libs - the third party dependencies
- Import the Flex Viewer project into Flash Builder. Make sure you are using the Flex 4 SDK.
- Modify the index.mxml (in the default package). Add the following to the Declarations: fx:Declarations /fx:Declarations You will also need to add the namespace to your Application tag: xmlns:esi="com.esi.*"
Code and Libraries Included in the Archive
The following SWCs are included in the libs dir:
- AS3Commons libs (reflect, lang, logging)
- Robotlegs 1.4.0
- FlexUnit 18.104.22.168 (This is actually included with Flash Builder 4, but I like to explicitly include it.)
- Hamcrest 1.0.2
The following third party code is added to the code directory:
- This uses IP Geolocation, so accuracy is going to be either OK or way off.
- There is no way to refresh the location. I may add this later.