英国各地区在谷歌Geocharts(UK Regions in Google Geocharts)

2019-08-16 19:16发布

我们正在实施地理图表热地图为我们的网站,但他们有局限性,以显示英国地区,他们可以只列出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个参数,我们可以通过额外的参数? 或任何工具提示它。

提前致谢

Answer 1:

简短的回答:不,你不能表现出比英格兰,威尔士,苏格兰和北爱尔兰任何更具体的划分。

谷歌地图当前没有任何可用的更具体的地图,这样你就不会要能够使用geocharts映射它。

如果你想显示的城市,你可以使用标记模式来显示。 如果你想显示所有的ISO-3166-2的区域为英国你唯一的选择是创建标记模式坐标为他们每个人,然后将它们作为圈子里,没有阴影区域编码。

至于显示更多的工具提示来讲,你可以添加一个工具提示栏显示无论你的心脏的欲望(警告:不允许有回车符):

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版本,它们目前没有用于geocharts启用。



文章来源: UK Regions in Google Geocharts