542831 Mobile App Demo6

Our company, Appception, designs tools to help developers create HTML5 (i.e. HTML/CSS/JavaScript) native apps for mobile devices. We are compiling a set of sample apps to show how HTML5 can be used for various purposes. This project is to demonstrate how Google Maps can be accessed with HTML5. The project is intentionally simple since it is mainly to be used for illustration. The code should be clean and well commented. The code can be tested in a web browser; we will later package it in the correct format as a mobile app. You have been invited to this project based on your ScriptLance profile and our criteria. If the project is successful, we may offer additional projects, and/or longer-term work (e.g. a ScriptLance Job Listing), if you are interested. So another goal of this project is for us to learn more about each other. Here are the project details: Create a Demo showing the use of Google Maps from HTML5/CSS/JavaScript. The Demo should use Google Maps V3 API for JavaScript: [login to view URL] Note: in the example described above, the api key is not needed but sensor must be set to true or false. The Demo should allow a user to enter: A) a location to map (e.g. street address or city/state/[country]) B) start/end locations (to see directions) e.g. [login to view URL] A MapIt button should also be shown. If clicked, the map should be displayed. If one location is selected, the map should display that location in the center of the map. If start/end locations are selected, the map should display those locations with a line connecting them to indicate the directions from the start to the end location. The Map should be scrollable if user clicks and drags it. The Map should allow a user to select the type (e.g. Satellite, Terrain). The Map should contain a slider bar to zoom-in/zoom-out on the Map. The Map may optionally contain other interesting features that are easy for the user (in this case, a mobile app developer) to understand and which use the Google Map API. However, the Demo will be used on devices with screens as small as 320x240 (though 400x800 is more common) so the user should be able to use this Demo and see the results within a small displayed area. The Demo should be visually pleasing. The deliverable is: HTML/CSS/JavaScript file(s) and any images used. Budget: $10-100 Note: the Google samples can be used as a baseline.