Coder Social home page Coder Social logo

nekromoff / bicycle-master-plan Goto Github PK

View Code? Open in Web Editor NEW
11.0 3.0 0.0 650 KB

Bicycle Master Plan is a bike map that allows visualizing cycling related data from different sources in multiple layers. Built heavily around data from OpenStreetMap, it allows full visual customization using CSS.

Home Page: https://mapa.cyklokoalicia.sk/bratislava/public/

License: GNU General Public License v3.0

PHP 52.18% CSS 17.31% JavaScript 22.93% Vue 0.20% SCSS 0.21% Blade 7.17%
bicycle cycling maps mapping mapping-tools app gps-data openstreetmap openstreetmaps osm

bicycle-master-plan's Issues

On-map editor

  • enable / disable in map config
  • configure types of markers, paths where editing is allowed
  • allows to quickly add/edit existing points and add custom paths

MTB-Scale

The CSS style for MTB-Scale is currently:
.bicycle-yes.surface-gravel, .bicycle-yes.surface-dirt, .bicycle-yes.surface-grass, .highway-cycleway.surface-gravel, .highway-track.bicycle-yes

I suggest adding the following tags:
.bicycle-designated.surface-gravel, .bicycle-designated.surface-dirt, .bicycle-designated.surface-grass, .highway-track.bicycle-designated

And possibly:
.bicycle-designated.surface-unpaved, .bicycle-yes.surface-unpaved
The definition of unpaved on the OSM wiki is vague and it is recommend to use a more precise tag:

A feature that is predominantly unsealed (unpaved); i.e., it has a loose covering ranging from compacted stone chippings to earth. Unpaved roads may, in aerial imagery, show evidence of water along their course; in such circumstances, the waterway should not be tagged as a stream, though it might appear as such. This value gives only a rough description; use a more precise value if possible.

Isochrone plugin

A topic to discuss the feasibility and importance (or lack of) of implementing an isochrone layer.

An isochrone map shows an area accessible from a point within a specified time.
https://en.m.wikipedia.org/wiki/Isochrone_map

It can be used to show how far people can travel from their homes, place of work, etc in a number of minutes.

A leaflet plug-in does exist
https://github.com/traffordDataLab/leaflet.reachability

and you can see an example here
https://www.trafforddatalab.io/explore/

Move Intro String To Translation File.

map.php contains an 'Intro' string that is displayed in the sidebar when opening the site for the first time.

map.php should instead contain a variable that is set in each translation file.

Suggestion - mark highway=crossing

I believe it would be useful to visualise crossings that allow bicycles to be ridden across.

Here is an example

https://www.openstreetmap.org/node/273179081

This could be accomplished with a new marker layer. Green dots could be placed on nodes that are tagged with highway=crossing and bicycle=yes or bicycle=designated. Red dots could be placed on nodes that are tagged with highway=crossing and bicycle=no.

Right click - add pin - active even if the specific layer is off

The right click option (or on mobile holding one point on screen) is active, even when the layer "tipy a upozornenia" is not active. In that case, if the layer is not checkboxed, option for adding pin should be non-active. In case of checkboxed layer, option for adding pin should be active.

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.