Repository files navigation

A route planner user interface for theGraphHopper routing engine released under the Apache License 2.0.

Try it out!

We have developed an intuite and simple user interface to find routes:

With autocomplete, alternative routes, information along the route and POI search and everything available in all major browsers including mobile browsers. Read more details about ithere.

There isan experimentalnavi branch that implements turn-by-turn navigationdirectly in the browser.

• Clone this repository.
• Make sure node and npm are installed. We recommend using the iron LTS (node v20.14.0 and npm 10.7.0).
• npm install
• npm run serve
• Open your browser athttp://0.0.0.0:3000/.
• Start development. The browser will update automatically when you change the code.
• Format the code and run the tests usingnpm run format andnpm run test.
• Fork the repository and create a pull request. Contributions are welcome. Feel free to discuss your changes in ourforum or the GitHubissues.
• You can build the production bundle usingnpm run build.
• If you use the Directions API edit the config to show profile icons properly (see 'Advanced configuration' section below).

GraphHopper Maps is translated into many languages and you can help improve GraphHopper by adding or improving your language! Seethis spreadsheetto create a new or improve an existing language. Let us know if you changed something or submit a pull request with your changes after the following steps:

• Edit the spreadsheet
• Runpython update-translations.py
• Review your changes via e.g.http://localhost:3000/?locale=en and withgit diff. Make sure that is the only one withgit status.

Please note that the translations for the server-side turn instructions are located ina different repository.

You can point the app to a different url, like alocal GraphHopper server,set your own API keys for the different map tile providers and more in theconfig.js file. For such changes it isbest to create a copy of this file calledconfig-local.js which will be ignored by git.

Every branch of this repository can be tested athttps://graphhopper.com/maps-dev/<branch_name>/

This project uses

• the greatOpenLayers library.
• thecodemirror code editor for the custom model editor.
• many icons from Google'sopen source font library.
• many more open source projects - see the package.json