3

ウェブサイトにジオチャートヒートマップを実装していますが、英国の地域を表示するのに制限があり、イングランド、スコットランド、ウェールズ、北アイルランドの 4 つの地域しかリストできません。英国のすべての地域をリストできるかどうか、また、英国のそれらの地域の下にある都市、郡、プレストンなどを表示できるかどうかを教えてください.

また、マウスオーバーでより多くのデータを表示するために、3 つ以上のパラメーターを渡すこともできます。

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
     google.load('visualization', '1', {'packages': ['geochart']});

     var chart; 
     var data;
     var options;   

     google.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {
        data = google.visualization.arrayToDataTable([

          ['Region', 'Popularity', 'Total Votes'],


          ['England', 8, 6],
          ['Scotland', 8, 6],
          ['Wales ', 9, 7],
          ['Northern Ireland', 2, 5],

          ['United Kingdom', 2, 4]

        ]);

        var maxV = 5;  // to ensure scale is equal on both ends.
        var minV = maxV*-1;

        options =   { 
        colorAxis: {colors: ['blue', 'white', 'red'], minValue: minV, maxValue: maxV},
            };

        chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    google.visualization.events.addListener(chart, 'regionClick', selectHandler);
    };

function selectHandler(e) {
    var selection = e['region'];
    //alert(selection);
        options['resolution'] = 'provinces';
        options['region'] = selection;
            chart.draw(data, options);
            document.getElementById('goback').style.display='block';
    };

    </script>

ご覧のとおり、パラメーターは 3 つだけですが、追加のパラメーターを渡すことはできますか? またはそのためのツールヒント。

前もって感謝します

4

1 に答える 1

7

簡単な回答: いいえ、イングランド、ウェールズ、スコットランド、北アイルランド以外の特定の区分を表示することはできません。

Google マップには、現在利用可能な特定のマップがないため、ジオチャートを使用してマップすることはできません。

都市を表示したい場合は、マーカー モードを使用して表示できます。英国のすべての ISO-3166-2 地域を表示したい場合、唯一の選択肢は、マーカー モードでそれぞれの座標を作成し、影付きの地域ではなく、円としてコーディングすることです。

より多くのツールチップを表示することに関する限り、ToolTip 列を追加して、必要なものを表示できます (注意: キャリッジ リターンは許可されていません)。

function drawVisualization() {
  data = new google.visualization.DataTable();
  data.addColumn('string', 'Region');
  data.addColumn('number', 'Popularity');
  data.addColumn('number', 'Total Votes');
  data.addColumn({type: 'string', role: 'tooltip'}, 'ToolTip');
  data.addRows([
    ['England', 8, 6, 'This is England'],
    ['Scotland', 8, 6, 'This is Scotland'],
    ['Wales ', 9, 7, 'This is Wales'],
    ['Northern Ireland', 2, 5, 'This is Northern Ireland'],
    ['United Kingdom', 2, 4, 'This is the UK']
  ]);

  var maxV = 5;  // to ensure scale is equal on both ends.
  var minV = maxV*-1;

  options =   {
    colorAxis: {colors: ['blue', 'white', 'red'], minValue: minV, maxValue: maxV},
  };

  chart = new google.visualization.GeoChart(document.getElementById('visualization'));
  chart.draw(data, options);
  google.visualization.events.addListener(chart, 'regionClick', selectHandler);
}

function selectHandler(e) {
  var selection = e['region'];
  //alert(selection);
  options['resolution'] = 'provinces';
  options['region'] = selection;
  chart.draw(data, options);
  //document.getElementById('goback').style.display='block';
};

将来的には、HTML ツールチップもサポートされる可能性がありますが、実験的な 1.1 バージョンでも、現在はジオチャートに対して有効になっていません。

于 2013-02-12T04:23:15.810 に答える