Embed GraphHopper Maps in your Website

September 29, 2015 ยท View on GitHub

Three simple steps:

  1. Copy and paste the html found in test.html
  2. Find out the coordinates of your address (necessary in step 3), For that go to GraphHopper Maps right click on your location and click show coordinates
  3. Change points (1) and (2) in the copied code according to your needs. Now style the form to your own content and use more beautiful map layers like Omniscale

Another simple method is to provide a link with an empty start point e.g. like

https://graphhopper.com/maps/?point=&point=berlin

which zooms in the destination and allows the user to insert his start location directly on GraphHopper Maps with address suggestions.