Coder Social home page Coder Social logo

azavea / idb-osm-extraction-tool Goto Github PK

View Code? Open in Web Editor NEW
2.0 15.0 9.0 365 KB

Friendly front-end for querying OSM features & extracting as a Shapefile

Home Page: https://idb-osm-extraction-tool.netlify.com/

License: Other

Shell 3.34% JavaScript 76.01% HTML 0.70% CSS 19.96%
civic-apps-team

idb-osm-extraction-tool's Issues

Problem in reading persian characters.

Hello. Thanks for your good program. Just a problem has occurred. When I downloaded shapefile of an area with persian names (i.e. locations in Iran for example) name tags other than ones written in English characters are not not readable in attribute table of the shapefile. It would be very kind of you to help me solve this problem or you, dear developers, resolve the bug, if any.

Add GitHub Issue Templates

As we have done in other projects, we should add GitHub Issue Templates here to make it easier to clearly report bugs or request new features.

Add custom date range option to date select dropdown

Along with the set of prepared options for the date range select dropdown, the wireframes indicate also having a "Custom" option which would bring up a date picker component to allow a user to select custom start and end dates.

For this card: implement the custom start and end date feature.

Create actual OSM query from filters

Using the dropdown filters and the area of interest, replace the mocked OSM query from #6 with one that's generated according to the user's selections. Ensure that #7 and #8 continue to work as before

Make new release

Once #42 is merged in, create a new release to deploy those changes to the production url

Click and Release doesn't work for drawing on IE11

In Chrome, after selecting Box Drawing, one can either click and drag a box, or click to start and click again to end drawing the box.

On IE11, each click starts a new box, that never finishes drawing:

2018-08-01 16 04 17

Click and drag works correctly.

Add OSM based geocoder

Additionally, allow the geocoder to work on coordinates as Guyana has many remote areas which may not be present in a Gazetteer.

Plot OSM query response geojson shapes on map

In #18 we created a stock OSM Overpass API query to execute, then plotted the response's points on the map.

However, when we set up the app to execute real queries against the OSM API, we'll need to update the display of the geojson to allow for lines and polygons as well as points.

Depends on & blocked by #10

Add sidebar dropdown select filters

As depicted in the wireframes, add the dropdown select filters to the sidebar and track the state of things in Redux. Currently we have:

  • one feature dropdown
  • one date range selector dropdown

Shapefiles produced from extract are not valid

Upon downloading a shapefile converted from OSM->JSON feature results in errors when opening. The error from multiple systems indicates that this is due to a discrepancy between the count of spatial features and the rows in the DBF. The geojson that is being converted appears to be valid.

Investigate if the current shapefile library is being used incorrectly

  • are we settings the points | lines | polygon properties correctly?
  • are we handling the tags attribute of properties properly? Do they need to be flattened?

If the problem seems endemic to this library, experiment with alternatives.

Use date range filter to modify overpass queries

The date range filter is wired up to the UI but selecting a different option currently doesn't change the Overpass query. For this card: make the selected date range in the UI limit the overpass query results.

Setup map & sidebar

Following the wireframes, set up the map and sidebar components

Configure the map to use the OSM basemap & be centered in the proper place

Configure the sidebar to have a header & extract button, but no dropdowns, roughly matching the wireframes

Replace object prop-types with custom shapes

The app currently uses some object prop-types by disabling the linter for those lines only. However, it would be better if those object prop-types were redefined as distinct shapes.

Add tests

There are no tests. Test execution is commented out in STRTA.

Relates to #20

Add visual indication that successful requests with no features returned no features

Per #39 (comment)

there's not much good feedback for the user when a query completes successfully but does not return any features -- such as looking for Emergency Infrastructure in the last month. That request will 200 but since there are no features, no shapefile gets generated. I'm going to make an enhancement card for adding a visual indication that "No features were found".

We should add some kind of visual indication when no features are found from the API request.

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.