Giter VIP home page Giter VIP logo

Comments (3)

simeonackermann avatar simeonackermann commented on July 1, 2024

First a short analysis:

Functional

  • map with functions of OpenStreetMap/GoogleMaps like zoom and move
  • search with autocomplete
  • filter locations
    • by data source (professional or community)
    • by level of accessibility (complete, partly, not), more described in the help
    • by type of place (cultural, church, historical, education, ...) (with counter)
  • different type of map: "A Map", Satellite, GoogleMaps
  • set current location
  • select a location on the map opens a pop up with short information
    • name, address, website and icons for accessibility of toilet, changing table and entrances
    • button to show detailed information
      • name, address, website, data source
      • toilet, elevator, entrance, surface etc. with additional information (dimensions, limitations or difficulty), parking situation
      • description of the place, entrance, toilets
  • combine to many locations in higher levels of zoom to one marker
  • combined marker for locations on the same place

UI

  • header with logo, navigation, and language selector (cz/eng)
  • sidebar with several filters
  • map in the center
  • search field in the upper left of the map
  • buttons on bottom left for help, code and download
  • markers for locations with colors (green: accessible, orange: partly accessible, red: inaccessible) and mostly with icons for the category of the location
  • blue marker for combined locations with counter
  • colorful icons for locations on the same place with counter
  • pop up of a location with short information and icons
  • right sidebar with detailed information of a selected location
  • buttons to hide/close sidebars or pop ups
  • footer bar about the project and partners

from building-navigator.

simeonackermann avatar simeonackermann commented on July 1, 2024

Features to adopt

Functional

  • workflow: don't force the user to set a location, just show the map and locations
  • showing all locations (not just 30)
  • combine too many locations to one marker (if in too high zoom mode)
  • live filtering of locations

UI

  • cleaner (modern) layout, better fonts
  • filter in sidebar
  • detailed information in other sidebar
  • category-icon in marker
  • pictograms/icons in pop-ups and detail view

from building-navigator.

simeonackermann avatar simeonackermann commented on July 1, 2024

Issue can be closed.

from building-navigator.

Related Issues (20)

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.