In Progress

Create map based UI using Kendo UI jquery framework

I need the following:

1. A simple web page with an image button. Once clicked it should open up a modal window(kendo UI) the full width and height of the window

2. Within the modal window it should load Google Maps V3- map pins taken via web service(people/shops)*

3. Above the map there should be 2 floating divs(Kendo UI) fixed width / height within the modal window.

4. Ability to hide floating divs

5. Within each div there should be a fully sortable / searchable grid (Kendo UI)

6. Left hand grid will hold people (name, address, pic and longitude / latitude) - taken via web service*

7. Right hand grid will shops(name, address, pic and longitude / latitude) - taken via web service*

8. Left hand / Right hand and map should refresh based on individual drop Down's (10 sec, 30 sec, 1 minute and 5 minutes) one in each div header and one at the top of the modal popup for the map.

9. Both people and shops should be displayed on the map and if the map pin is clicked on it should expand the details.

10. If an entry in the grid is clicked on it should highlight the one on the map.

All of this work must be done using HTML5 using Kendo UI framework([url removed, login to view]) with the black theme Webservices to be c# but entries can be hardcoded.

*web service entries can made up by yourself

Skills: AJAX, HTML5, Javascript, jQuery / Prototype

See more: kendo map, web google maps kendo, kendo google maps, kendoui google maps, create html5, right left, map based, kendoui html5 map, web html5 framework, web framework top, web framework ajax, map yourself, javascript ajax framework, google ajax framework, framework ajax, create web page google, ajax web framework, ajax javascript framework, ajax framework javascript, using maps kendoui, jquery popup grid kendo, kendo maps, google javascript framework, google ajax jquery, pin down

About the Employer:
( 6 reviews ) shefford, United Kingdom

Project ID: #2549746