Need to make a search location and map with route in open cart

Project Details: Current Website: [login to view URL] First let the user select the location like the city and the area like [login to view URL] using the geo spatial search then after that going to the 2nd page like (shop by product / shop by store ) he will be given an option to increase his current radius like (ex: go to [login to view URL] and click on apparels on the header and then select kids after that u will be redirected to the page and on the left side there will be filters in the bottom of the filters u will be shown a 0-25 km drager by which u can drag the distance to see more products which are in 2 km, 3 km, 5 km, 10 km, .......25 km ) this should be needed in our header part to drag customers radius from his given current location to make him visible more shops or products from hi selected area. And also to show filter product according to area we want to use the vendor area location. And also I want to show the route of user location to vendor location on product page [login to view URL] Here is the link; currently we have only vendor location point in map. But we want to see the route.