Code Monkey home page Code Monkey logo

cyclosm-cartocss-style's Introduction

CyclOSM

CyclOSM is a CartoCSS map style designed with cycling in mind. It leverages OpenStreetMap data to create a beautiful and practical cycling map!

Build Status

CyclOSM

Demonstration

A demonstration of this style is available at https://cyclosm.org.

The tile server url is https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png. Tiles can be reused under the general OpenStreetMap tile usage policy.

The map is available by default in the following smartphone applications:

The tile server is provided by OpenStreetMap-France, many thanks to them for the support!

Philosophy

CyclOSM is a new cycle-oriented render. Contrary to OpenCycleMap, this render is free and open-source software and aims at being more complete to take into account a wider diversity of cycling habits.

In urban areas, it renders the main different types of cycle tracks and lanes, on each side of the road, for helping you draw your bike to work route. It also features essential POIs as well as bicycle parking spots or spots shared with motorbikes, specific infrastructure (elevators / ramps), road speeds or surfaces to avoid streets with pavings, bumpers and bike boxes, etc.

The same render also lets you visualize main bicycle touring routes as well as essential POIs when touring (emergency services, shelters, tourism, shops).

Features

Render:

  • Cycleways track, lanes, cycle-bus lanes
  • Motor oneway - two way for bicycle
  • Cycle routes (local, regional, national, international)
  • Parking for bicycle (or motorcycle parking open to bicycle)
  • Steps with bicycle friendly ramp
  • Bicycle shop and repair stations
  • First aid amenities : shelter, hospital, pharmacy, police station, water, food store
  • Travel amenities : camping, hotel, train station, museum, picnic table, peaks...
  • Emphasis on low speed roads (<= 30km/h)
  • Elevation curves and shading
  • Smoothness of the roads
  • Traffic calming
  • โ€ฆ

A full list of rendered features is available in the legend.

A list of the tags considered by this render is available in Taginfo JSON format in taginfo.json.

Getting started

Getting started instructions are available in the docs/INSTALL.md file.

Printing

Instructions for printing maps with a CyclOSM render are available in the docs/PRINT.md file.

Contributing

Some getting started information for contributing is available in CONTRIBUTING.md file.

Changelog

Changes to this theme are listed in the CHANGELOG.md file. Versions are tagged with Git tags and are available through Github releases feature.

MapCSS validators

We also offer some MapCSS checkers for bicycle tags which can be used with JOSM for instance in the validator folder of this repository.

Licenses

This style is based on the Mapbox OSM-Bright style, which is licensed under BSD-3-Clause license. Everything (be it icons or code) not listed explicitly below should be consider as available under this license.

The contours and elevation lines render is based on the very good work and code available from OpenTopoMap.

The colors used in the palette.mss file are based on the Hydda style, licensed under Apache License 2.0.

The icons in symbols/osm-bright-gl-style are taken from the OSM Bright GL style and are licensed under Creative Commons BY 4.0.

The icons in symbols/openstreetmap-carto are taken from the OpenStreetMap-carto style and are licensed under CC0 public domain.

The icons in symbols/osmandapp are taken from the OsmAnd app resources.

The inner tube bicycle icon is based on https://www.flaticon.com/free-icon/inner-tube_1575936.

Links

Related projects

cyclosm-cartocss-style's People

Contributors

phyks avatar florimondable avatar quasart avatar hiddewie avatar brainwad avatar cquest avatar francois2metz avatar goldfndr avatar

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.