Google Maps API (Directions)

I'm embedding google maps to my website.

This link is what my website map looks like. http://ift.tt/2aRMlHT

This is what I want my website to look like. http://ift.tt/2aQ4LG1

This is what I have tried so far: (Note: this is all html, no javascript)

<iframe
 width="600"
 height="450"
 frameborder="0" style="border:0"
 src="http://ift.tt/2aRMPhd"allowfullscreen>

But I want something bit different. Basically, what I want is for users to have the option to put in where they are and where they are going.I don't want to have a preset option like the API directions gives me. Any help would be appreciated!