Building a Filter for a Mapbox map in JavaScript
€30-250 EUR
Paid on delivery
A mapbox map shows a number of points which are defined as GeoJson Objects. Each point consists of several properties. I need to filter the points on the list based on some of these properties.
JSON Properties:
Each point represent a Dinner attendee and has these relevant properties:
• icon:
o String, distinguish between host and guest. Cannot be null
• dinnerStatus:
o ENUM: [login to view URL], [login to view URL], [login to view URL], [login to view URL], [login to view URL]
• dinnerDate:
o Date as String. Can be null
• registrationDate:
o Date as String, cannot be null
• sex:
o ENUM: [login to view URL], [login to view URL]
• username:
o String, unique identifier
Filter Elements to be implemented:
• Two Rows of Filter. First row filters hosts, second filters guests
• First filter option group consists of ToggleButtons for the dinnerStatus.
• Second filter group consists of dinnerDate from - to (for HOSTS) and registrationDate from - to (for GUEST) and an apply button.
• Third filter options group consists of ToggleButtons for gender
UserStories
• As an User I want to use the ToggleButtons to filter out all Attendees, which Status doesn't match the enabled button(s).
• As an User I want to use the dinnerDate filter to filter out all HOSTS, which dinnerDate is not in the interval. If I click on the apply button, the filter is applied. The date is selected using a DatePicker. If from-date is after to-date, the button is disabled. Inital values are: From -> 1.1.2016, To -> Today. Format is [login to view URL]
• As an User I want to use the registration filter to filter out all GUESTS, which registrationDate is not in the interval. If I click on the apply button, the filter is applied. The date is selected using a DatePicker. If from-date is after to-date, the button is disabled. Inital values are: From -> 1.1.2016, To -> Today Format is [login to view URL]
• As an User I want to use the gender filter to filter out all HOSTS and GUESTS, which gender doesn't match the enabled buttons.
Project ID: #15230301
About the project
16 freelancers are bidding on average €190 for this job
I will write script Relevant Skills and Experience Website Development, Chrome Extension, Custom WordPress Theme, SEO, Hosting & Maintenance Proposed Milestones €77 EUR - Complete
Greetings sir, i can help you and your 100% satisfaction is assured if you allow me to serve. I can do this task as per your requirement Relevant Skills and Experience I have more than 5 years of experience with exce More
Hello, Client! Thanks for the opportunity to bid on your project. I'm a master in GIS fields. I have an experiance in web developing. I've rich experience in developing webMap by using google Map API, highMap, high More
Hello, I have experienced in Mapbox Javascript Relevant Skills and Experience javascript, mapbox Proposed Milestones €250 EUR - whole project
My bid includes complete project development Relevant Skills and Experience I am an experienced full stack developer with 2+ years of experience in one of the top product company. Guaranteed best performance and optim More