'How can I enable directions on embeded google map in my web app

I am new in django and I am trying to create a web app for bycicle roads in a specific city.Till now I have managed to add a Map of the city in my project.Bellow a piece of the HTML:

'''

<iframe
        width="100%"
        height="100%"
        frameborder="0" style="border:0"
        referrerpolicy="no-referrer-when-downgrade"
        src="https://www.google.com/maps/embed/v1/place?key=AIzaSyB50AmUn73pxdoVuVhRAkjAjnhGjLp7ymM&q=streets+in+Sofia"
        allowfullscreen>
</iframe>

'''

The question is following: I have the Directions button on the map but it redirects to google.maps. I want to make the directions(Start and Endpoint) to appear right over the map(on the same page). Is this possible and how can I do this ?

Thank you!

html


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions