Page Comparison

{anchor:top}
{toc: class=contents}

h2. Getting Started はじめに
{styleclass: Class=topLink}[topページトップ|#top]{styleclass}
Yellowfin has the capability to render data points onto Google maps and then use all the features of Google maps to navigate and zoom into the data set.  To be able to use this functionality you must have a valid Google Maps API key - available from www.google.com.  

For Google maps to be effective you will need Latitude and Longitude Data. This is needed to pass through to the Google Maps API and render points on a map.

h3. Loading your Google KeyYellowfinには、データポイントをGoogleマップに描画し、その後、Googleマップのすべての機能を使用してデータセットにナビゲートしたりズームインしたりできる機能があります。この機能を使用するには、有効なGoogleマップAPI Keyが必要です。このKeyは、www.google.comから入手可能です。

Googleマップを効果的にするために、緯度と経度のデータが必要です。これをGoogleマップAPIに渡し、マップ上にポイントを描画する必要があります。

h3. Google Keyのロード
{section}
{column:width=30%}
*1.* Procure a valid Google license key from Google. Googleから有効なGoogleライセンスキーを調達します。 

*2.* Navigate to your Administration page and click on the 「管理」ページに移動し、「  !icon_styles.gif! {color:#357CB6#357cb6}Report Stylesレポートスタイル{color} link.」リンクをクリックします。
{column}
{column:width=70%}
!31.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*3.* On the Chart tab, paste your key into the field provided.「グラフ」タブで、Keyを表示されたフィールドに貼り付けます。

*4.* You can set the Google Maps point limit. This should be *less than 500*.  Google Maps does not perform well with more than 500 points.  Yellowfin will cluster results where more than 500 points exist for a map.

Googleマップポイント制限を設定できます。これは、*500{*}{*}未満{*}にする必要があります。Googleマップは、500ポイントを超えるとうまく機能しません。マップに500を超えるポイントがある場合は、結果がクラスタリングされます。

*5.* Click 「*Save* to commit your changes 
保存*」をクリックして、変更をコミットします。
!save.png!
{column}
{column:width=70%}
!32.png|thumbnail,border=1!
{column}
{section}


h2. GoogleGoogleマップチュートリアル
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「Athlete ID, Athlete Longitude, Athlete Latitude, Invoiced{*}*」、「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.出力ページで、グラフアイコンをクリックしてグラフを編集しGoogleマップを設定します。
{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.

次に、「*Googleマップ*」タイプを選択します。「*保存*」をクリックして選択を保存します。
!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.

「グラフデータ」セクションがGoogleマップに関連するフィールドで更新されたことがわかります。

*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#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}