show region with different color

Question

I have an app where I am showing map where I will be showing the driver area allocated to him.

Client want this area will be highlighted with some color.

Sample can be as below.

Any idea how this can be done?

What I was planning to do is having images for different regions and show image for respective area.

However I just wanted to check if this can be done using MapKit that we already have, I don't want to go with images.

More info on this would be appreciated.

Answer 1

I didn't thought this would be so easy...

Below link will do the trick I was looking for...

http://www.shawngrimes.me/2011/04/adding-polygon-map-overlays/

Answer 2

Something you may want to try for performance reasons is to use TileMill to parse the source data (KML, SHP, etc.) and render out raster tiles, possibly with alpha transparency so that they can be used as a true overlay. Then, you could use those tiles in MapKit or something like Mapbox.

Answer 3

you can see HTML "map" tag with "area": http://www.w3schools.com/tags/tag_area.asp