Page Comparison

{anchor:top}
{toc: class=contents}
h2. Google Map Tutorial
{styleclass: Class=topLink}[top|#top]{styleclass}
{section}
{column: width=30%}
*1.* Click on the *Create* link and select *Report* to begin building your report.
{column}
{column: width=70%}
!01z.png! 
{column}
{section}

{section}
{column: width=30%}
*2.* You should now be on the Initialise Report page. Select the *Drag and Drop Builder* as the build tool.
{column}
{column: width=70%}
!02z.png! 
{column}
{section}

{section}
{column: width=30%}
*3.* Select *Ski Team* as the View.

*4.* Now click the !step_right_on.png! button to proceed.
{column}
{column: width=70%}
!2a.png|thumbnail,border=1! 
{column}
{section}

{section}
{column:width=30%}
*5.* Add the *Athlete ID, Athlete Longitude, Athlete Latitude, Invoiced (Pref Currency),* and *Athlete Country* fields to your report.

*6.* Set the report to display as a *Chart Only*.

*7.* Click the !step_right_on.png! Next image to continue.
{column}
{column:width=70%}
!34.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*8.* On the output page click on the Chart Icon to edit the chart and set up your Google Map.
{column}
{column:width=70%}
!12.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*9.* From the Chart Menu select *Map*.

*10.* Next select the *Google Map* type.  Click *Save* to save your selection.

!save.png!
{column}
{column:width=70%}
!35.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*11.* You will now see the Chart Data section updated with fields relevant to Google Maps.

*12.* Select the following:

Label: *Athlete ID*
Description: *Sum Invoiced (Pref)*
Latitude: *Athlete Latitude*
Longitude: *Athlete Longitude*

*13.* Click *Refresh* to display your chart.  

!refresh.png!

{color:#C00000}*Note:*{color} The Link can be used to insert a Hyperlink field into the map rollover.
{column}
{column:width=70%}
!36.png!
{column}
{section}

{section}
{column:width=30%}
The data will be displayed as:
!38.png! *Clusters* (Grouped Points); and
!red-dot.png! *Points*.
{column}
{column:width=70%}
!37.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*14.* The cluster behaves differently from a point. In the number in the middle of the cluster indicates the number of points. If you click on a cluster it will display the values within it.

As you zoom in the clusters will open up to show the individual points.
{column}
{column:width=70%}
!39.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*15.* The single data point will show the Label, Description and if selected, the Linked field on the roll over.	 
{column}
{column:width=70%}
!40.png|thumbnail,border=1!
{column}
{section}
\\
\\
{horizontalrule}
{styleclass: Class=topLink}[top|#top]{styleclass}