Giter Site home page Giter Site logo

cyclosm / cyclosm-cartocss-style Goto Github PK

View Code? Open in Web Editor NEW
223.0 223.0 43.0 1.65 MB

Cycle oriented CartoCSS style.

Home Page: https://www.cyclosm.org

License: Other

CartoCSS 91.14% Python 6.17% JavaScript 1.15% Shell 1.15% Dockerfile 0.39%
cartocss cycling map openstreetmap osm tiles

cyclosm-cartocss-style's People

Contributors

antoniolagod avatar brainwad avatar corentinlemaitre avatar cquest avatar famlam avatar florimondable avatar francois2metz avatar goldfndr avatar gwater avatar hiddewie avatar kaneap avatar marc-marc-marc avatar phyks avatar quasart avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cyclosm-cartocss-style's Issues

Render relief

There should be a render of relief and gradient of the streets, even in urban area. Not sure what the best render option could be? Maybe hillshades as overlays?

Render factories

They are easy to spot in the landscape and can be a source of pollution / noise when looking for a place to stay overnight.

Should we render factories? How?

Render cycle ways with direction

Cycle ways / lanes / tracks should be rendered with an indication of their direction. Typically, https://tiles.phyks.me/#17/48.82218/2.33203 is not very clear as to which cycle way is in the direction of the traffic and which one is contraflow.

1

  • Render directions of cycle ways.
  • Render directions of cycle routes (through the backward / forward members)

Lighter pedestrian paths

Pedestrian paths (in red) are too large and strong at the moment, especially in heavily pedestrian areas (inside train stations, areas where sidewalks are drawn separately).

Cycleway should drop the casing of streets

Compare Rue de Vaugirard (with cycleways on both side) and Rue de la Convention (with cycleway on only one side) here.

capture d ecran 2019-02-07 a 10 48 46

EDIT: This is probably better actually to loose the casing when there is a cycleway. So Rue de la Convention should be rendered the same as Rue de Vaugirard, not the other way round.

Names of places is absurd

The logic for selecting names for places is absurd at low zoom levels at the moment. See for instance https://tiles.phyks.me/#7/47.750/0.121.

screenshot_2019-01-31 cyclosm

Why would "Boulogne" be shown and not even Paris? :/

What would be the amount of names shown at these low zoom levels? Would https://www.openstreetmap.org/#map=7/47.750/0.121 be a good fit? OSM-FR shows a bit too much in my opinion https://tile.openstreetmap.fr/?zoom=7&lat=46.87715&lon=1.70838&layers=B00000000FFFFFF.

cc @Florimondable

Clean displayed texts

Tiles should be fine up to Z12 at the moment.

A lot of texts are displayed above Z12 (especially at Z17), we should do a review and clean them.

Public transports

Check how public transports are rendered. How should they be rendered?

Render surface tags?

Should surface tags be rendered (paved/unpaved)? What could be a good way to render this?

Show maxspeed of ways

The maxspeed of the ways should be rendered somehow, especially in urban area. Typically distinguishing between maxspeed=FR:urban (50 km/h) and maxspeed=FR:30 would be super useful.

Not sure about the best render. Possible idea would be to change the background (fill) color of the street based on maxspeed.

Overlapping cycle routes

Overlapping cycle routes should be rendered in a better way. Right now:

  • As cycle routes have < 1.0 opacity, they appear stronger when to same type cycle route overlap (stronger blue below).
  • Colors are mixed when two different cycle routes types overlap (weird green + blue below).

screenshot_2019-01-26 cyclosm

Location : https://tiles.phyks.me/#17/48.84896/2.36354

Construction

Draw construction highway, and firstly cycleways.

A faded version of the normal style of the highway would be enough I think.

Rework colors of cycle routes / overlapping cycle routes

Currently cycle routes are:

  • Green for international routes
  • Red for national ones
  • Purple for regional ones
  • Blue for local ones

This is mostly based on the OpenCycleMap design choices. They might not be optimal:

  • EuroVelo roads have multiple colors (https://en.wikipedia.org/wiki/EuroVelo) so any color is probably fine for international routes.
  • Regional and local ones probably differ a lot based on the area, so same, any color is probably fine. Blue and purple is close to the blue color we use everywhere else to indicate cyclability, so should be fine.

However, concerning the national ones, they are usually "voies vertes" in France and the whole communication about them uses the green color https://www.af3v.org/. So red is probably not a good idea for them. Another concern is that red is very far from blue (which indicates cyclability) in the color spectrum and too close to yellow/orange which we use for major highways (which we might want to avoid with a bike).

This is valid for France, of course, but might not for other countries. It seems Germany actually uses red for bike-related stuff https://en.wikipedia.org/wiki/German_Cycling_Network#/media/File:D-Netz-Route,_Abschnitt_K%C3%B6ln-Poll_,_Rheinaufw%C3%A4rts.jpg.

Render food shops

In particular:

  • shop=supermarket
  • shop=bakery
  • shop=convenience
  • shop=greengrocer
  • shop=pastry

Traffic lights

We should probably render traffic lights at high zoom levels.

Lighter render of cycleway at Z12 / Z13

At Z12/Z13, the cycleway tag (on both side of the street) should probably be rendered in a lighter way.

  • Maybe we can only render one value, in the middle of the street?
  • We should probably discard too short cycleways, to avoid having "blue artifacts"?

Parking (or other bicycle POI) may be not be rendered

There is some cases where a parking is not rendered, see :
https://tiles.phyks.me/#18/48.87731/2.36389
node https://www.openstreetmap.org/node/895608360#map=19/48.87745/2.36410&layers=C

I do think that every bicycle related POI should be always visible. It is more important than a road name, or a bus stop, or whatever. Hazard is not welcome here.

We have an example with the bicycle shop Bicycl'Art
https://tiles.phyks.me/#16/48.8824/2.3677
https://www.openstreetmap.org/node/3651262894#map=19/48.88220/2.36818&layers=C

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.