Draw route between two locations on map in HTML

Question

I have insert static map (image of map) of United States. User will select source and destination by clicking on map and when it click show route button, route is being drawn on the map. How will I draw route between selected locations?

Answer 1

Seems to me that a sensible option would be to use the Google Maps API to get you actual "route" data (as in which roads to take, distances etc):

Google Maps JavaScript API - Routes and steps

Answer 2

Your best bet to draw upon the image is to use a canvas element.