Building a Filter for a Mapbox map in JavaScript

In Progress Posted 6 years ago Paid on delivery
In Progress 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.

Cartography & Maps JavaScript JSON

Project ID: #15230301

About the project

16 proposals Remote project Active 6 years ago

16 freelancers are bidding on average €190 for this job

WebColorIn

I will write script Relevant Skills and Experience Website Development, Chrome Extension, Custom WordPress Theme, SEO, Hosting & Maintenance Proposed Milestones €77 EUR - Complete

€77 EUR in 3 days
(45 Reviews)
7.0
schoudhary1553

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

€200 EUR in 3 days
(42 Reviews)
6.2
ludiac

Hi, we've reviewed and understood the requirements of your project. Relevant Skills and Experience We have expertise in web development and we can share our work history with you in chat. Proposed Milestones €200 EUR More

€200 EUR in 3 days
(14 Reviews)
5.5
alexshk

Hi I can do this in 3 days. But I have some questions: 1. Geojson supplied in html or it must be downloaded? 2. How to find out Hosts and Guests? 3. Is it for mapbox? Because I see google maps in tags Relevant Skills More

€177 EUR in 3 days
(6 Reviews)
4.7
appleearth039

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

€222 EUR in 3 days
(18 Reviews)
4.6
AppHero2

Hello, I have experienced in Mapbox Javascript Relevant Skills and Experience javascript, mapbox Proposed Milestones €250 EUR - whole project

€250 EUR in 3 days
(1 Review)
3.3
adityaoccult

A proposal has not yet been provided

€388 EUR in 10 days
(0 Reviews)
0.0
piyushjain1919

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

€111 EUR in 5 days
(0 Reviews)
0.0