如何加快Google Geochart区域模式中的标记绘制速度？

问题描述：

我们有一个场景，我们希望在Google Geochart上绘制大量的标记（可能多达100个或200个）。绘制标记时，图表似乎会在一段时间内绘制这些标记，这对我们的用户来说太长了。我们希望让他们立即显示或至少更快。如何加快Google Geochart区域模式中的标记绘制速度？

我似乎没有找到任何文件来表明这是可配置的，那么有没有办法加快速度呢？

我已经包含下面的示例代码来复制这可以运行在visualization playground。

function drawVisualization() { 
    var data = google.visualization.arrayToDataTable([ 
    ['City', 'Count'], 
['London',245], 
['Manchester',58], 
['Birmingham',54], 
['Stoke-on-trent',30], 
['Leicester',26], 
['Liverpool',25], 
['Nottingham',19], 
['Preston',18], 
['Glasgow',15], 
['Leeds',14], 
['West Bromwich',13], 
['Sheffield',11], 
['Cardiff',8], 
['Wigan',8], 
['Wolverhampton',8], 
['Bolton',7], 
['Bradford',7], 
['Edinburgh',7], 
['Telford',7], 
['Warrington',7], 
['Romford',6], 
['Stockport',6], 
['Swansea',6], 
['Burnley',5], 
['Coventry',5], 
['Dagenham',5], 
['Ipswich',5], 
['Milton Keynes',5], 
['Newcastle Upon Tyne',5], 
['Northampton',5], 
['Birkenhead',4], 
['Blackburn',4], 
['Burton-on-trent',4], 
['Croydon',4], 
['Durham',4], 
['Reading',4], 
['Rotherham',4], 
['Saint Helens',4], 
['Stafford',4], 
['Stevenage',4], 
['Sunderland',4], 
['Accrington',3], 
['Ashford',3], 
['Bangor',3], 
['Barrow',3], 
['Blackpool',3], 
['Bristol',3], 
['Bury',3], 
['Cambridge',3], 
['Chesterfield',3], 
['Chorley',3], 
['Dundee',3], 
['Heywood',3], 
['Ilford',3], 
['Lancaster',3], 
['Luton',3], 
['Mansfield',3], 
['Newport',3], 
['Oldbury',3], 
['Oldham',3], 
['Plymouth',3], 
['Sale',3], 
['Slough',3], 
['Southend-on-sea',3], 
['Stratford-upon-avon',3], 
['Aylesbury',2], 
['Bedford',2], 
['Brighton',2], 
['Caerphilly',2], 
['Cannock',2], 
['Canterbury',2], 
['Carshalton',2], 
['Chatham',2], 
['Chelmsford',2], 
['Cheltenham',2], 
['Chester',2], 
['Corby',2], 
['Crawley',2], 
['Crumlin',2], 
['Cwmbran',2], 
['Exeter',2], 
['Folkestone',2], 
['Gravesend',2], 
['Guildford',2], 
['Halesowen',2], 
['Harrow',2], 
['Huddersfield',2], 
['Isleworth',2], 
['Lichfield',2], 
['Lincoln',2], 
['Mitcham',2], 
['Oxford',2], 
['Peterborough',2], 
['Rawtenstall',2], 
['Rochdale',2], 
['Scunthorpe',2], 
['Solihull',2], 
['South Shields',2] 

    ]); 

    var geochart = new google.visualization.GeoChart(
     document.getElementById('visualization')); 
    geochart.draw(data, {width: 556, height: 347, region: 'GB', displayMode: 'markers', legend:'none'}); 
}

答

这是因为Google的表现很慢，您的位置转换为经度/纬度;你应该一次解决它们并直接使用它们（Markers mode format）。

谢谢，经度/纬度的东西我目前嘲弄起来，我在读Geochart论坛上的主题。 – rrrr

答

下面是关于经/纬度如何使用和放置一个信息提示的例子：

http://jsfiddle.net/cmoreira/njB6m/

data.addColumn('number', 'Lat');         
data.addColumn('number', 'Long'); 
data.addColumn('string','tooltip'); 
data.addColumn('number','Example');         

data.addRows([[41.151636,-8.569336,'Portugal',{v:0,f:'test PT'}]]); 
data.addRows([[ 39.059575,-98.789062,'USA',{v:1,f:'test US'}]]);

如何加快Google Geochart区域模式中的标记绘制速度？

相关推荐