https://developers.google.com/maps/documentation/javascript/examples/places-searchbox

(Clicking on this link may not take you to the correct site where the code was taken, but if you use the above link and go to 'try it yourself' on the page then click the link to the jsfiddle, it will take you there). https://jsfiddle.net/api/post/library/pure/

I wanted a very simple design from the introduction page with the animated text to the presentation screen where the map is. I didn't want to overload the viewer with more detail than needed. I provided a very simple set of instructions to search where you want to visit and a search box and the ability to zoom in and out of the map if needed.

I wanted to provide a modal button but it broke the code when I used it and made the search box inoperable also, so I had to delete it.

I want to be able to place markers on locations I want to provide listings for users I want to provide information windows for locations searched with the amenities and features listed.

Javascript Bootstrap CSS HTML 5 GSAP (GreenSock Animation Platform - used for text animation)

I used Github Pages to host my site. It can be found here: https://mick3.github.io/Milestone-2/

I was unable to figure out how to include a modal button with a set of instructions for the user, so I just used paragraph text above the map. This would make the UX/UI look better in the future if I could figure out a fix for this.

I credit Google Maps API team of developers for launching a jsfiddle with the code to place a map and searchbox on the page.