It is a web application showing the pages mainly on Google Maps, Weather Statistic and Tourist places and some interesting features used on Google Map. This is showing the simplified steps to develop Google Maps pages by using custom developed reusable templates and libraries.
It is demonstrated in steps wise development. First we develop Templates. The Page Template contains the required variables, division tags and functions to start development of web Google Map page. A JavaScript library name myjavascript.js containing all the required common function for development of Google Map and Weather statistic pages. CSS library name myscript.css define various divisions. Like header,subheading, right and bottom input screen. This helps to start the web pages development faster and modify on required basis.
This Application link to Google Maps, YouTube and Fliker and other sites to get data in XML format like Images of places, List of state within countries, weather statistic or have own XML file link.
This contains list of videos and help to develop web pages on Google Maps with features like
1. Zoom option for World, Continent, City, Streets and Building.
2. Arial View showing multiple Maps on Page using bound.
3. Satellite Views and get last places visited on Google Map.
4. Save data entered at Home page for use in other pages. Like address, latitude and longitude present and entered address.
5. Present Location.
6. Nearby places within range.
7. Using Geocoding and Reverse Geocoding for LatLng and address.
8. Distance calculation from present location to location entered.
9. Weather Statistic.
10. Filter places with Google Maps type and filter options.
11. Different type of marker with options.
12. Showing Maker with images, SVG Images, custom tags and caption. Resize images.
13. Showing SVG markers animated as bicycle, man walking, moving car on Google Map.
14. Develop YouTube Videos with custom controls like list of videos, next and previous videos, Volume control, Image rate and Quality etc.
15. Tips, suggestion and solutions to various options and debugging html pages using Netbeans.
The Development environment selected is
- HTML
- JavaScript
- Cascading style sheet.
- JSON an XML formats.
- Development tools Net beans 8.1 RC.
