HTML5 and Javascript to implement an interactive Google Maps API application

  • Posted:
  • Proposals: 2
  • Remote
  • #685318
  • Expired
Live Deftsoft Informatics P.Haresh D. have already sent a proposal.
  • 1

Description

Experience Level: Intermediate
Estimated Job duration: 1 day or less
General information for the website: HTML5 and Javascript to implement an interactive Google Maps API application
Description of every page/module: Only 1 page is needed, this is an offline page and will need to be done in parts.
Description of requirements/features: Write code in HTML5 and Javascript to implement an interactive Google Maps API application. The application is supposed to work on a Web browser (for instance Chrome, Explorer, Safari etc.).

Part 1:
In Netbeans or any equivalent integrated development environment (IDE), create a new project; give it a reasonable name, as GMAPSapi. Make sure you have three files for the cascade style sheets, Javascript and HTML code. Create code that displays a map, centres it in a geographical location of your choice. You are asked to implement three buttons: 1. Button 1 that interactively changes the location on the map, asking the user for the new coordinates, Button 2 that adjusts the zoom to a level defined by the user, 3. Button 3 that allows the user to drop a marker of their choice (style, colour and number) in a location of their choice.

Part 2:
In this part you are asked to add a button (Button 4) that will allow the user to add a marker of their choice with a particular mouse event handling. Another button (Button 5) has also to be implemented to allow the user to add weather information in the geographic area you have chosen.

Part 3:
In this part you are asked to populate a geographic area of your choice with rich information windows. In the area you will be asked to add clickable markers that pop information windows with videos and HTML-formatted text describing the area of the marker.

Part 4:
In this part you are asked to add a button (Button 6) that allows a user to add nodal points of a region in space. The region will be then highlighted in a colour of the user’s choice. Each nodal point of the region and the point in the centre will have markers where a detailed map can be displayed in information windows.

Part 5:
You are asked to add a button (Button 7) that will display dynamically information of a region, while it zooms in. The button will trigger the zooming action, at the centre of the window and while zooming, different information will be displayed. Zooming will halt for a few seconds, to allow the user to read the information displayed at that specific zooming level.
Specific technologies required: Netbeans
Extra notes: Would like this to be done in Netbeans and appropriate comments placed in the code to understand it all. A Google Maps API Server key is required, this will be changed to my own after the webpage is created. Please clearly indicate where this needs to be changed.

New Proposal

Create an account now and send a proposal now to get this job.

Sign up

Clarification Board Ask a Question

    There are no clarification messages.