Embed GraphHopper Maps in your Website
September 29, 2015 ยท View on GitHub
Three simple steps:
- Copy and paste the html found in test.html
- 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
- 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.