React.js Openstreet Map Features
Budget: $30 – $250 USD
1. Implement openstreet map on react.js
2. Display markers of different colors and images
3. Click anywhere on the map to create the marker and define its title
4. On-click shows marker pop-up with its defined title and coordinates
5. Pop-up window will have button to delete the marker from the map
6. Allow user to select multiple markers by drawing polygon, circle, rectangle
7. Selected markers should change its color (selected markers)
8. Allow user to un-select selected markers individually
9. Drag marker individually without re-loading all the markers on the map
10. Allow user to draw (polygon, circle, rectangle) on the map
11. Return the drawing radius, bounds, points/coordinates
12. Show drawing tab on the map for tools selection (line, polygon, rectangle, circle, custom markers, edit, delete etc.)
13. Enable all drawing options and console output each event
14. Allow geocoding (lat/lng) and reverse geocoding (addresses)
15. Draw route path between two and multiple markers and calculate the distance in kilometers
16. Show direction arrow on drawing part
17. Create polygon and show alert on marker being placed inside or outside geofence
18. Show polygon total radius and total number of markers inside the area
19. All above should be clearly documented
20. Full source-code to be shared with explanation video
2. Display markers of different colors and images
3. Click anywhere on the map to create the marker and define its title
4. On-click shows marker pop-up with its defined title and coordinates
5. Pop-up window will have button to delete the marker from the map
6. Allow user to select multiple markers by drawing polygon, circle, rectangle
7. Selected markers should change its color (selected markers)
8. Allow user to un-select selected markers individually
9. Drag marker individually without re-loading all the markers on the map
10. Allow user to draw (polygon, circle, rectangle) on the map
11. Return the drawing radius, bounds, points/coordinates
12. Show drawing tab on the map for tools selection (line, polygon, rectangle, circle, custom markers, edit, delete etc.)
13. Enable all drawing options and console output each event
14. Allow geocoding (lat/lng) and reverse geocoding (addresses)
15. Draw route path between two and multiple markers and calculate the distance in kilometers
16. Show direction arrow on drawing part
17. Create polygon and show alert on marker being placed inside or outside geofence
18. Show polygon total radius and total number of markers inside the area
19. All above should be clearly documented
20. Full source-code to be shared with explanation video