Question
1. Create a Google Maps program to visualize a data set stored in a Google Fusion Table. a. Implement your program in Google Maps JavaScript
1.
Create a Google Maps program to visualize a data set stored in a Google Fusion Table.
a. Implement your program in Google Maps JavaScript API.
b. Each row of the Fusion Table must contain one or two location column(s).
c. Each row of the Fusion Table must be displayed as a marker on the map.
d. When a user clicks on a maker, an information window shall be displayed, showing at least two columns of data from that row.
Use examples as references: https://sites.google.com/site/gsudatavis/home/google-maps-api/how-to-read-data-from-a-fusiontable;
https://sites.google.com/site/gsudatavis/home/google-maps-api/how-to-listen-for-click-event-for-fusion-table-layers
You may use this fusion table for question 1: https://www.google.com/fusiontables/DataSource?docid=1-zkmZXdMhgzNl8MFnzYQCr04qaF1X90IBbV6zkae
Your web page should be divided into two panels. One panel should show the Google Map, the other show either the driving directions (see 4) or Google Street View (see 5).
2.
Add a directions feature. Allow the user to get directions from an entered address to a selected marker on the map.
a. Provide a Get directions button. The user can enter a street address in the Address text field, and then click on one of the markers on the map. When the user clicks on the Get directions button, the route between the two addresses shall be displayed on the map.
b. (10 points out of the 40 points) Display the text directions on a side panel.
c. (5 points out of the 40 points) Add a button to turn on or off the display of current traffic condition on the map.
d. If the user does not enter a street address or select a marker, display a warning message.
Here is an example: http://code.google.com/apis/maps/documentation/javascript/examples/directions-panel.html.
3.
Implement a spatial query feature. Allow the user to enter a street address and search for information within certain distance (e.g. 3 miles, 10 miles, ).
a. In your program, start with a default location and default search radius so that.
b. There should be an Address textfield on the web page for the user to enter the street address. There should be a drop down menu for the user to choose different search radius (in miles).
c. If the search is successful, only the data within the selected distance of the user entered address shall be displayed on the map.
d. Use the spatial query in the Google Fusion Table to get the data from the Fusion Table. For simple Fusion Table queries, check out this article http://code.google.com/apis/maps/documentation/javascript/examples/layer-fusiontables-query.html.
For Fusion Table spatial queries, check out this article. a.%09http:/googlegeodevelopers.blogspot.com/2010/11/search-your-geo-data-using-spatial.html
You may use this sample as a reference. https://sites.google.com/site/gsudatavis/home/google-maps-api/how-to-perform-spatial-query-with-fusion-tables
4.
When a marker is clicked, the Google Street View for that location should be displayed on the side panel.
a. You may use this sample as a reference. https://sites.google.com/site/gsudatavis/home/google-maps-api/google-streetview-and-google-maps-side-by-side
If you can type the source code to each of these questions it would really be apperciated :)
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started