[HOT] HOT/HDM web rendering

[Dan S]

2013/7/14 Yohan Boniface <yohan.boniface at hotosm.org>:
> On 06/21/2013 08:51 PM, Yohan Boniface wrote:
>>
>> @Stéphane, David, Robert, about the legend needed: I totally agree on
>> this!
>> We already have an issue for this:
>> https://github.com/hotosm/HDM-CartoCSS/issues/44
>> I'm not sure how to handle this at the moment, but I'm sure that 1. we
>> have to do it 2. it must be automatic, because it must always be up to
>> date.
>> I will try to take time on this ASAP, but if someone is faster than me,
>> the task is open :)
>
> Just a quick update on the legend part: I've found some time to work on a
> prototype.
> Here is the demo: http://hotosm.github.io/HDM-CartoCSS/
> It's a Leaflet plugin that takes a descriptive JSON as input, and then
> displays pieces of the map (like this we are sure it's always up to date).
> For now the JSON has to be written by hand, I'm thinking about a way to make
> this more dynamic but this is next step ;)
> Here is a preview of the JSON:
> https://github.com/hotosm/HDM-CartoCSS/blob/gh-pages/legend.js
>
> By the way, the worldwide service is on its way. Actually, is set up and
> working, but without the DEM. We are waiting for a new SSD server to process
> this, which will likely be before next month.
> But here you have some more countries (where I have added the DEM):
> - Madagascar: http://umap.fluv.io/en/map/hot-style-madagascar_800
> - Togo: http://umap.fluv.io/en/map/hot-style-togo_799
> - Indonesia (without DEM):
> http://umap.fluv.io/en/map/hot-style-indonesia_850#10/-6.2682/106.8352
> - Burkina Faso:
> http://umap.openstreetmap.fr/en/map/hot-style-burkina-faso_931
>
> Thanks for your feedback,
>
> Yohan

IMHO this is delightful :) I like the use of real excerpts, with
clickthrough, etc.

A couple of thoughts for feedback:
* It's not 100% obvious if each word in the key should be associated
with the image below it or above it. I'd suggest either put actual
boxes around, to ensure the visual grouping (or less intrusively just
change the spacing a bit, minimal space between word+image and a bit
more space between items), or make them side-by-side rather than
above-and-below.
* For the "way" excerpts, would it be possible to avoid selecting
regions that have other ways in? For example the river in the
highway=secondary is potentially confusing.

Best
Dan