Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

lakshmantgld/openStreetMap-Implementation-Leaflet-ReactJS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

openStreetMap-Implementation-Leaflet-ReactJS

  • New york OSM implementation using reactJS and leaflet.
  • This web application was built to study about reactJS and Open Street maps, the rivalry to google maps.

How did I get New york map

  • Open street map organization gives all city maps in an XML format.
  • I was given the NewYork XMl file by a friend.
  • The OSM file contains the various nodes with latitude and longitudes and the ways connecting all these nodes.
  • Initially, I converted this XML file to graph data structure using this npm module
  • Then applied dijikstra algorithm to find the shortest path between two nodes.

ReactJS and leaflet

  • Leaflet is used to render the OSM maps. I used mapbox to generate a tile for the maps.
  • Then ReactJS was used on the top of this to add more beauty.
  • React-router was used to navigate routes.

Demo

NewYork map

About

OSM implementation using nodeJS, reactJS and leaflet

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.