I would like to arrange points inside a polygon so that they don't overlap in a tilemill generated map. The points represent events that took place in a country (represented by the polygon). The events are associated with the country, but I do not know where in the country. The points should be displayed inside the polygon in a way that they do not overlap. My idea was to compute the centroid of the polygon and use that as coordinates for the events, and then use cartoCSS to avoid them overlapping, but I do not know how to do this.
I tried "marker-placement:line", but neither am I sure if this could help, nor how to specify the line.
Perhaps you have another idea how to arrange the points authomtically inside the country. Specifying the coordinates manually should only be the last resort.
I was hoping to find a way to display a number of country-specific icons in a way such that they don't overlap.
Concretely, I was thinking to maybe position these icons in the center of the country, or on the country's capital (for example). I would then like to position the country's icons next to each other, or in a square, or along a line - something structured like that. How could I do this in CartoCSS?
In HTML/CSS I would create a series of DIV elements and just do 'float: left' or something, but I don't think this is possible. Anyone?