This is a static archive of our old OpenStreetMap Help Site. Please post any new questions and answers at community.osm.org.

OpenStreetMap inside a WebApp built in reactJS

0

I want to show a Highway on OpenStreetMap on my React Web App and then Mark Toll Booths, Petrol Pumps, Highway Malls etc on that highway on OpenSteetMap. When I click on the marker for a particular Toll Booth or Petrol Pump I want to show a Modal and show details of the place.

Also, I want to add highway CCTV locations on the opensteetmap and when clicked on that CCTV icon I want to show a Modal and show the CCTV details from my Database.

I am looking for a article which explains the development of above type of feature in ReactJS with OpenStreetMap

asked 15 Jul '20, 20:25

omkarl's gravatar image

omkarl
21112
accept rate: 0%


One Answer:

0

You need a slippy map component for that. The most popular one at the moment is probably Leaflet, and it also offers itself as a react component

See these sites to get started:

answered 16 Jul '20, 14:04

Sanderd17's gravatar image

Sanderd17
1.1k51637
accept rate: 31%

Thanks @sanderd. What is a slippy map in between?

(16 Jul '20, 19:45) omkarl

Source code available on GitHub .