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:
[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.