Comments on: Choropleth Map Component (Adobe Flex 3)

By: Gordon

Gordon — Tue, 24 Aug 2010 14:32:43 +0000

Firstly, many thanks to Srirangan for publishing this code, it has been very useful.

In response to anyone like Srikanth who is wondering how the map data needs to be formatted to work with this Choropleth map my understanding is as follows:
The polygon object requires a Hamiltonian set of coordinates (x,y) delimited by | (you can easily change this if you’d prefer to use whitespace, look at PolygonAs.as on line 35).
This format is NOT the same as represented in SVG as encountered by Srikanth. You will have to do some basic transformation to convert the coordinates found in definition of an SVG path tag to the format required for working with this Component. Follow these steps:
— Remove all alphabetical characters from the the d element so you are just left with coordinate pairs (if you didn’t change the coords delimiter then do find replace to swap ” ” for “|”)
— Rename d element to coords
— Rename id to gid
— Change the tag names (path) to district
— Replace current XMLList in ChoroplethMap.mxml with your new one
— Supply required overlaying data
— Hey presto, you should have your own Choropleth map.

By: Nirav

Nirav — Mon, 14 Jun 2010 08:40:48 +0000

Hi Sir,

Can you post coordinates for india? I’ve tried from ur code but, I’m not getting the right .svg.

By: sanj

sanj — Thu, 25 Mar 2010 15:42:11 +0000

wow! this is a great hint but it took me so long to figure out how to get the coordinates in correct format.

After 2 hours I have finally figured out. Thanks

By: vikas

vikas — Thu, 18 Mar 2010 10:04:22 +0000

i m creat a india map n all state map but i got some problem i still searching the how to link all state to the india map.
i m creating the all map with the help of ur code

By: vikas

vikas — Wed, 17 Mar 2010 08:31:30 +0000

i want link all district to main pakistahn map.just give me some hint now

By: Srikanth

Srikanth — Mon, 23 Nov 2009 16:32:09 +0000

Thanks for the response srirangan. Sorry to bother you with followup question.
I think my concern is not about finding SVG file, but how you are determining the coordinates. I’ve found an svg file in wikipedia for Pakistan: (http://upload.wikimedia.org/wikipedia/commons/6/66/Pakistan_location_map.svg) and I checked the xml using firebug. I was able to see the path data, but it looks quite different from what you’ve in your file.

M 2330.6728,914.3584 C 2331.9409,914.64014 2333.6338,915.33203 2334.5864,916.25635 C 2335.5376,915.92041 2337.9995,915.66114 2338.9302,915.86768 L 2342.1411,916.93164 C 2342.7676,917.13916 2343.1558,917.17041 2343.7466,917.46338 C 2343.8227,917.50147 2346.1401,919.38086 2346.3613,919.55713 C 2346.9985,920.06787 2347.7476,920.29443 2348.4019,920.74609 C 2349.1699,921.27588 2350.4512,922.69384 2351.3477,922.84765 L 2353.687,922.49658 L 2354.7305,923.10058 L 2355.9805,923.08154 C 2356.1426,923.24023 2357.7598,924.84961 2357.8247,924.88867 C 2358.7764,925.45849 2361.1802,926.32666 2363.2842,927.00976

Your coordinates does not have any “C“s, “L“s and “M“s. Is it only because of different SVG file? I searched for many svgs on wikipedia and almost all of them have C, L and M in the coordinates.

Thanks for your response.

By: Srirangan

Srirangan — Mon, 23 Nov 2009 04:54:28 +0000

Hi Srikanth,

I’ll try to find the link for that file and post it here. It has been a while since I worked on this and locating the file will take me some time.

For the map of India, I would recommend the following:
1. Use the iLog Elixir map components since it has a shapefile converter
2. The shape files for India is available on the Election Commission of India website

- Sri

By: Srikanth

Srikanth — Sat, 21 Nov 2009 06:34:56 +0000

Could you post the link to your svg file (with coordiates)?
Do you have the same for India with states?

Thanks,
Srikanth

By: Danny Trejo

Danny Trejo — Tue, 13 Oct 2009 00:33:50 +0000

Hey it works !

By: Danny Trejo

Danny Trejo — Tue, 13 Oct 2009 00:31:26 +0000

Hey when execute the swf out of bin folder it doesnt work, it shows nothing, I put in the project properties ” –locale en_US –use-network=false”

By: Danny Trejo

Danny Trejo — Mon, 12 Oct 2009 23:39:59 +0000

Hey very cool example, I need to do the same but for the canada map.. How I obtain the polygon coordinates?

can you give me a hand on this please ?

By: Srirangan

Srirangan — Tue, 22 Sep 2009 01:37:35 +0000

Yeah, SVGs can be embedded into Flex as Assets.. http://www.adobe.com/devnet/flex/quickstart/embedding_assets/

By: Vlad

Vlad — Thu, 03 Sep 2009 17:00:44 +0000

Thanks, but can you post a link for SVG file?
I can’t find it!
One more…
Does Flex support SVG files?

By: Srirangan

Srirangan — Thu, 03 Sep 2009 13:02:08 +0000

Vlad/Dean, I got the co-ordinates from an SVG file posted on Wikipedia.

By: Dean

Dean — Fri, 28 Aug 2009 13:50:18 +0000

I agree, very cool. But, how did you get the coordinates? Do you have a tool that creates the polygon coordinates?

By: Vlad

Vlad — Sun, 16 Aug 2009 21:58:22 +0000

That is very cool thing!
Can you tell how you got coordinates for districts?