how to color countries and display only world-wide level map using osmroid

Question

Using osmroid, how can I color countries and show only world wide map. Just like following map image:

I am developing interactive map which shows several colored countries based on values from a seekbar. For example, recommendable countries to go for each seasons. I also thought and tried switching pre-made images, but my director wants micro interaction with map. Such as pop-up window when click a colored country.

If you have any alternative solution, It doesn't have to be a map.

Answer 1

You can use SVG map. On SVG colors can be changed easily at client side as per the requirement. Here is JavaScript package that converts GeoJSON (world map) to SVG geojson2svg, read more about the geojson2svg usage here.