539836 Mobile App Demo

Our company, Appception, designs tools to help developers create HTML5

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:

[url removed, login to view]

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. [url removed, login to view]

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 an HTML file, and any outside CSS or images used.

Budget: $10-100

CSS HTML5 JavaScript Mobile App Development Odd Jobs

Project ID: #2285777

About the project