OpenStreetMap inside a WebApp built in reactJS

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

reactjs

asked 15 Jul '20, 20:25

omkarl
21●1●1●2
accept rate: 0%

One Answer:

active answers oldest answers newest answers popular answers

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:

permanent link

answered 16 Jul '20, 14:04

Sanderd17
1.1k●5●16●37
accept rate: 31%

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

(16 Jul '20, 19:45) omkarl

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

*italic* or _italic_
**bold** or __bold__
link:[text](http://url.com/ "title")
image?![alt text](/path/img.jpg "title")
numbered list: 1. Foo 2. Bar
to add a line break simply add two spaces to where you would like the new line to be.
basic HTML tags are also supported

learn more about Markdown

Question tags:

reactjs ×1

question asked: 15 Jul '20, 20:25

question was seen: 15,435 times

last updated: 17 Jul '20, 07:27

OpenStreetMap inside a WebApp built in reactJS

Follow this question

Related questions