Intro

Whether you are new to the Drone Series or just like to code in google maps and react this is going to be a cool challenge and I can't wait to see the outcome. We already have a live map that updates a current drone position include in this source. There is a live endpoint that updates the drone position via a PUT /drones{id} into the drones collection. Every time that happens there is also a new record created in the droneposition collection via the dronesposiition/{id} endpoint. For challenge you will add a pop up info window that gives some details about the drone (name, serial number, status ... ) but also has a link to show this drones historic position on a map with dronesposiition/{id}. Here are two real sample calls that have a live gps tracker updating:

Drone Detail

https://kb-dsp-server-dev.herokuapp.com/api/v1/drones/584adbcfaebc030004a68a8d

Drone historic position

https://kb-dsp-server-dev.herokuapp.com/api/v1/droneposition/584adbcfaebc030004a68a8d?limit=100

Requirements

I am purposely keeping the requirements vague here since we want to see a wide spectrum of ideas but here are some must haves:

1. Modify the current DronesMap to provide an infoWindow when you hoover over the drone. You will have to play with suppressing this until you get to the right zoom window.
2. The pop window should have some basic info like name, serial number .. ( I don't care too much about the fields here ) but it should also have a link to show that drones historic flight path.
3. This is where it is wide up to you, You can show if full screen or split screen or a popup, What ever you think is best.
4. Some sort of time slider would be nice but I am fine if you want to just show the last x position updates.
5. The points should not be pins but round circles connected by a line or dotted line. It would be nice to have a hoover over to show the time.
6. The rest is up to you. Think what you would like to see if you were a drone operator or in charge of drone air traffic management.

You should not have to update the API but if you like to you can do a pull request and it will automatically deploy your PR [https://kb-dsp-server-dev-pr-{:YOURPRNUMBER}.herokuapp.com/ ] since we are using Heroku pipelines and review apps.

Good luck and we can wait to see what you come up with.

Project Background

For this series we are creating a Drone Service Platform (DSP) which consist of a marketplace where customers can request drone services for providers/operators. Examples of the services would be drone delivery, mapping, monitoring and many other tasks. In addition to delivering drone services we will also provide a level of traffic management.

Other notable challenges in this series

Maps React and REST
React Map Mission Plan
Mission Plan fixes part 1
WEBAPI - Consumer to DSP API Product Catalog - swagger API design
Move Mission Planner to react fronten[
Move Traffic Map to react frontend
No Fly Zone Polygons

Links

front end src: topcoderinc/dsp-frontend
back end src: topcoderinc/dsp-server
Live Heroku Dev Frontend: http://kb-dsp-server-dev.herokuapp.com/api/v1

 

Source: Github Issue #6

Final Submission Guidelines

Upload documentation for how to run your submission

Upload all your source code as a zip for review
Winner will be required to submit a pull request with their winning code.
Please include a video with your submission. If you are not comfortable with spoken english feel free to annotate with text.