epfl-enac / alicelandings

https://www.epfl.ch/schools/enac/planning-for-healthier-and-biodiverse-cities-linking-neighbourhoods-through-active-mobility-and-landscape-infrastructure/ Project 0048

Alice Landings

Project setup

make install

Data Processing

See /data/README.md

make process

Documentation

Add a RasterTileLayer

Given a openlayers.html file generated by gdal during the tiling process which contains:

new ol.tilegrid.TileGrid({
  extent: [
    2491284.60725472914, 1113593.66512244777, 2501274.60726491734,
    1123583.6651326362,
  ],
  origin: [2491284.60725472914, 1123583.6651326362],
  resolutions: [
    54.1325883203840021, 27.0662941601920011, 13.5331470800960005,
    6.76657354004800027, 3.38328677002400013, 1.69164338501200007,
    0.845821692506000034,
  ],
  tileSize: [256, 256],
});

The corresponding CRS is:

new Proj.CRS("EPSG:2056", EPSG_2056, {
  origin: [2491284.60725472914, 1123583.6651326362],
  resolutions: [
    54.1325883203840021, 27.0662941601920011, 13.5331470800960005,
    6.76657354004800027, 3.38328677002400013, 1.69164338501200007,
    0.845821692506000034,
  ],
  bounds: new Bounds(
    [2491284.60725472914, 1123583.6651326362],
    [2501274.60726491734, 1113593.66512244777]
  ),
});

alicelandings's Issues

Missing legends + Legends improvements

• Add missing legends

• Clean up legends:
  - Round up the number of decimals
  - Add the title of the legend: what's the variable? Should put "Légende: Index de mobilité" no?

• Red/green : not colorblind friendly ;)

mobile notification appears on desktop

The popup "Attention / Ce site ne supporte pas les écrans mobiles" appears broadly while opening the website on a desktop browser, which is confusing and unnecessary there.

Fix Leaflet CRS Layer

Laggy website - use WGS84 for layers projection

Hello,

Website continues to be a tad laggy, to be tested if instead of using swiss coordinates projection for layers, using WGS84 works better, as it might be more suitable for folium.

blurry layer

Hello,

Expériences de mobilité -> Analyses -> Accessibilité layer is blurry when zoom is out.

Gets better once one zooms closer.

Set up Analytics tracking

ENAC-IT4R GAnalytics

Welcome popup reappears while using the platform

The welcome popup message reappears when closing the full page mode.

Update SLD manually for Participative Cartographie

• fix lieux vécus bug: white layer, change sld
• For text, use color and add a limit of 10 char per line ? to have text on 2-3 lines
• "voix", less margin top/bottom

vue 3 migration

Blocked by vuetifyjs/vuetify#13518

Order of layers validation

Mobile responsiveness

Hello,

I noticed the website was not really responsive neither to reducing the browser window size nor on mobile. In case of mobile it might deter users from using the website:

Reducing window size:

Mobile:

Open to DMZ