Giter VIP home page Giter VIP logo

show-me-the-way's Introduction

show-me-the-way

See OSM edits happen in real time.

This code is deployed and running here: https://osmlab.github.io/show-me-the-way/

Parameters

Filter by bounding box

Build a bounding box URL using this page: https://osmlab.github.io/show-me-the-way/bbox.html

Filter by changeset comment

Change the playback speed

You can combine the parameters using querystring notation:

show-me-the-way's People

Contributors

aaronlidman avatar dependabot[bot] avatar firefishy avatar flopp avatar harry-wood avatar iandees avatar jfirebaugh avatar mstock avatar piskvor avatar pnorman avatar samanpwbb avatar tmcw 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  avatar  avatar  avatar

show-me-the-way's Issues

After no new data, show "waiting for data"

With #6 sometimes it stops for a long time while there's no new data flowing in. After a few seconds of no new data in the queue we should switch the info box to something like "Waiting for more data ... You should map more!"

Incorrect URLs if navigated to bbox page without `.html` ending

Steps to reproduce

  1. Open https://osmlab.github.io/show-me-the-way/bbox (without .html)
  2. Select an area
  3. Navigate to the link

Expected

https://osmlab.github.io/show-me-the-way/#bounds=49.196064000723794,-123.211669921875,49.31258949637,-122.904052734375
The slideshow starts for the selected area.

Actual

https://osmlab.github.io/show-me-the-way/bbox#bounds=49.196064000723794,-123.211669921875,49.31258949637,-122.904052734375
It brings you to the bbox selection page.

#editathon edition

@tmcw brought that up. Would be awesome. See edits tagged #editathon in realtime.

If this can be done in time for Saturday, I'll queue up a blog post for osm.us.

Show more stuff

Now that #6 is done, we should filter less stuff out and show node adds/changes in addition to ways.

Filter for regions

Hi there,

it would be nice, if users could set filters to monitor only edits that touch a custom bbox. This would allow everybody to set a focus on a dedicated region (e.g. your country or state) which makes IMHO sense esp. for local events like conferences.

Slow down when connection is slow

This is often used to present OSM at some kind of events. Often the internet connection isn't that great, so it takes some time to load the images. Before they get a chance to be loaded the location changes, so the sat images are often not visible that much. Maybe some function to slow everything down? Maybe just by pressing + and -?

Integrate bbox.html into the main app

  • It shouldn't be a separate page, it should be integrated into something like a settings panel.
  • Changing the bbox in the main app should have an immediate effect on the url hash and app behavior, requiring no refreshing.
  • It should remain visual and interactive, no manual data entry or manipulating strings.

Don't pan as much

When I was playing around with getting this to run directly on Chromecast, panning between edits every few hundred milliseconds bogged down the Chromecast and made it restart. The panning can even cause problems on slower desktops/laptops, too.

It would be nice to cluster edits together and have the browser center on a bounding box that shows a cluster of edits without panning between each edit. For bonus points, when we have a bunch of ways to draw inside the viewport we could try drawing them all at the same time.

black background

I am not sure is it a temporary issue or permanent problem but at this moment Bing tiles are not appearing

When bounds are given, whole planet is queried anyway - this is slow.

Even if a bounding box is requested through the #bounds= parameter, the query for updates still loads the whole planet's changes and parses that. A single update could be multiple MBs, most of which is thrown away - on a bad connection, this is especially palpable.

If a bounding box exists, updates should be polite and use it.

Optional Limit based on time period, region or user

For several occasions it would be nice to limit the view somehow. For regional mapping parties it would be nice to have it limited to a certain region (or bbox) or based on the activities on one or more specified users.

For demonstration purposes it would be nice to show only edits from a certain time period.

Also it would be nice to slow down the animation speed.

Pause or "take me to" button?

Wondering if either of these might be useful in case the user sees something interesting while watching the ways:

  • Pause button: freezes the screen where it is with current ways drawn. On unpause, would reload (not try to catch up)
  • Take me to this location button: launches new tab going to OSM.org using current location and zoom

Show "modify" actions in a different way

Currently, when a "modify" comes in we draw out the new way geometry as if the mapper had added it. I'm thinking that it would be more interesting and useful to show the old geometry and then (if there was a geometry change), animate the geometry modification one node at a time. The idea being that it would "move" the linestring from the old state to the new state one node at a time (like a mapper actually does in the editor).

A second idea is to show tag modifications somehow. My initial thought is to show the old tags and then somehow animate the change to the new tags. That would be quite a bit busier on the UI than it is now, but it would also prominently feature the tag-based nature of OSM, which is where a lot of the depth in OSM comes from.

Thoughts?

Bug in bbox

Hi, I found a bug in the bbox page [1]. When an area is selected and the link is created in the link remain the element bbox [2] and this will not open a new page with the bounding box selected. So it's just needed to delete the word "bbox" on the resulting link.
Thanks for all your work.

[1] https://osmlab.github.io/show-me-the-way/bbox
[2] https://osmlab.github.io/show-me-the-way/bbox#bounds=33.72,5.97,54.26,22.14
[3] https://osmlab.github.io/show-me-the-way/#bounds=33.72,5.97,54.26,22.14

Cool use for Show-me-the-way

It would be useful if this can be set to show the ways of a specified country.

That will be useful when holding presentation about the country and the people adding data to the country, and also to detect vandalism :)

license

This project is currently unlicensed. Adding a LICENSE file with something like ISC would allow people to fork and modify the code.

Copyright (c) 2015, "Owner of Code"

Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

"Loading" screen

When the page first comes up and it's going through the motions of downloading the state file and the first diff (which tend to be pretty big) it hangs out on a blank screen with London in the Bing view. It should probably start with a "Loading" text somewhere to make it more obvious what's going on.

The wait is just long enough that it feels broken.

JS Error (Bing API key renewal issue?)

I'm currently getting following JS error when calling "show-me-the-way":

"Got metadataThe request was forbidden. Your credentials may be denied or suspended."

A Bing API key renewal issue again?

'hand' mouse pointer but no draggability

It shows a 'hand' mouse pointer which implies you can drag the map or otherwise interact with it. but you can't.

I suggest overriding with normal mouse pointer if possible.

Show certain nodes on the map

Currently "show me the way" only displays ways and polygons. I would like to try to show nodes with certain tags as well. I know through @iandees that "show me the way" is already quite busy handling all the ways that get updated in real time. My knowledge is quite limited on javascript so does anyone have ideas on where to start?

Stops updating when in the background for ~1 minute

Uncaught TypeError: Object #<XMLHttpRequest> has no method 'getElementsByTagName' bundle.js:209
(anonymous function) bundle.js:209
reqwest.success bundle.js:152
(anonymous function) bundle.js:509
success bundle.js:560
(anonymous function) bundle.js:353

This shows up if the tab containing show-me-the-way is in the background long enough for the request to overpass to occur. Chrome 26.0.1410.65

New alignment of overview map and textbox

Hi,

thanks for this cool website.

To let the user focus on the map I'd like to suggest to align the map up left and the text box down left all together to down left. So there is "felt" more space to watch. Better for a passive screen running it. Furthermore it looks really like a copy pasted screenshot at the moment. Maybe there is a possibility to make it more nice looking. At least a white border and a nicer text font. Even so, I'd reinterpretate the code downleft to just like

Author: XYZ
Time: 5 minutes ago
Modificiation: Building

Maybe remove the black background and just let the text appear nearby the map it self. White letters with a bit of shadowing.

Cheers

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.