Question

I would like to create an activity which displays a country map. I want to make every regions clickable.

I first tried to draw map with SVG data / javascript ( see here) and put it in a WebView. However, Vector Library is not available for most of android devices.

The best solution seems to pile up the images of regions (bitmap format ) and make them clickable, but I have no idea how to do.

Sorry to be rough in my explanations

Thank you !

Answer 1

You can do it overlapping a transparent grid to the map. The grid is composed of ‘touch sensitive’ tiles. Tiles dimensions must be little enough to fill every region of your map. Every region will contain a certain number of tiles. You need to associate every group of tiles to the containing region. Then, at every tap on a tile, you are able to associate the correct region.

EDIT: example of Tile definition

public class MapView extends ViewGroup {

    // Tile definition
    //
    static enum Tile {

      T_00 (30, Region.region_a), T_01 (31, Region.region_a)
    , ...
    , T_328 (288, Region.region_h);

        private final int id;
        private final Rg region;

        Tile ( int id, Rg region ) {
            this.id = id;
            this.region = region;
        }

        public int getId() { return id; }
        public Rg  getRg() { return region; }

    }


// Implementation of MapView Class
...

ps.: the implementation described in my answer is just one of the possible implementation. You may create your own implementation depending on your needs.