2014-01-16 6 views
7

私はGoogleのGeochartを持っているを使用してカスタム表示名:グーグルGeochart:緯度/経度マーカーとの両方の値が次の列を持つ

// Lat, Long, Value 1, Value 2 
[-22.764042, -43.39921 , 2.86, 1], 
[-22.755635, -43.460325 , 3.70, 2], 
[-22.912897, -43.200295 , 0.50, 1], 
[-22.805776 , -43.37292 , 6.67, 2], 
[-23.532905 , -46.63952 , 33.33, 5] 
// ...many rows 

私は他の答えをチェックしましたが、彼らはここでは動作しません。

I これらの値の列は、両方ともこのチャートで重要なので、ラベルを表示することはできません。

I はlat/longの代わりにアドレスを使用できません。これは、実際にはすべてのマーカーを読み込むのが非常に遅い(実際のチャートには多くあります)。

私はがこれを解決するためにフォーマッタを適用しようとしたが、彼らが「美しい」座標(22º76'4042「S、43º39'921」Wの代わりを表示するライブラリによって上書きされているようです-22.764042、-43.39921

私は座標チャートマーカーをロードしますが、そのツールチップにカスタムラベルを表示することができます方法はありますか?

答えて

9

あなたは、データポイントにツールチップのラベルを与えるために緯度/長い列の後に「文字列」型の列を追加することができます。

var data = new google.visualization.DataTable(); 
data.addColumn('number', 'Latitude'); 
data.addColumn('number', 'Longitude'); 
data.addColumn('string', 'Label'); 
data.addColumn('number', 'Value 1'); 
data.addColumn('number', 'Value 2'); 

data.addRows([ 
    [-22.764042, -43.39921, 'Foo', 2.86, 1], 
    [-22.755635, -43.460325, 'Bar', 3.70, 2], 
    [-22.912897, -43.200295, 'Baz', 0.50, 1], 
    [-22.805776, -43.37292, 'Cad', 6.67, 2], 
    [-23.532905, -46.63952, 'Qud', 33.33, 5] 
]); 

は、ここで例を参照してください:http://jsfiddle.net/asgallant/GKmm5/

関連する問題