Giter Club home page Giter Club logo

field-map-odk's Issues

Web map showing work areas and QR codes

Mobile web map

Once an AOI has been created and split into multiple tasks, users need to visit a map view to choose an area to map.

For a prototype, a static Leaflet map may be sufficient. It should be mobile-friendly in terms of canvas and widget/element sizes; most field mappers are overwhelmingly likely to be accessing this via their phone.

Here are the example files for Mikocheni in Dar. It's four QR codes, corresponding to four GeoJSON files and their associated xlsforms. This GeoJSON file is the dumb grid that I used to split up the tasks.

Minimum Viable Prototype

  • A static Leaflet map that allows a user to click and view/download a QR code, which they will then use to configure ODK Collect.

Bonus items

  • User can see their own location on the map, which helps figure out what area to choose
  • Ability to actually launch ODK Collect by clicking on the link (along the lines of "Open this link with ODK Collect")
  • Areas turn grey/unclickable after being selected by someone (status becomes "checked out")
    • Obviously in a full product there would also be a way to "un-check out" an area (if you decided not to map it after all, or clicked the wrong one, or whatever), but that's not necessary for the demo on Friday September 9th

Get all geometry into PostGIS

PostGIS is more powerful than pygdal (or at least simpler, but also more powerful in the sense that from PostGIS you can use gdal/ogr commands but not vice versa).

We have the database called fmtm with user fmtm, but now we need to get GeoJSON files into it, and manipulate them from Python.

Configure ODK Collect to use MapBox as default basemap

Basemap configuration in ODK Collect

To work well with Select from File (select from map) questions showing OSM data, it's better to have MapBox as the basemap. Google (the default basemap) doesn't match the OSM features (so a building centroid won't be obviously associated with the basemap building polygon) and the OSM layer breaks something. MapBox works.

The QR Code configuration for ODK Collect appears to reset most parameters. For example, if you configure ODK Collect with a QR code for one form, and modify the settings to use MapBox as the basemap, this only persists until you configure ODK Collect with a new QR code, at which point Google slinks back as the basemap.

It would be great if we could either:

  • Include a setting somewhere in the xlsform that sets the basemap
  • Instruct people how to set MapBox as the basemap in a persistent fashion

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.