Google maps - highlight point A to B

Hi guys

Would it be possible to highlight the distance from point A to point B in google maps?
Link to app:
pass: 123
Menu button: Ride
Link to editor:

Thank you

Are you trying to display the route or just the distance between 2 locations?

the route

You have add an html element with the code below. Replay the lat long with data coming from bubble. Please also note that you have enabled I frame option as not to have conflicts in the API. You can get your own API key from Google console.


Directions service html, body { height: 100%; margin: 0; padding: 0; } #map { height: 100%; } #floating-panel { position: absolute; top: 10px; left: 25%; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; text-align: center; font-family: 'Roboto','sans-serif'; line-height: 30px; padding-left: 10px; }


i have the API but are you sure the code is correct?
Where are the bubble fields?
by using the code above i get this:

Sorry the code did not display correctly. See it here

Thank you. it works :slight_smile:

1 Like

Hey @AliFarahat

Is it possible to see the code of your html element in this example ?

This would be very useful to me.

Thank you very much