如何在地理地图中提供美国州代码而不是国家代码?
how to provide United States State code instead of country code in a geo map?
我试图根据某些价值观来识别和着色美国各州。但它只需要国家代码。我试过下面的代码-
var geomap_chartdata = google.visualization.arrayToDataTable([
['States', 'Popularity'],
['ID', 200],
['IN', 300],
['KY', 400],
['LA', 500],
['MA', 600],
['MT', 600],
['OH', 600],
['NY', 600],
['WA', 700]
]);
var options = {};
options['displayMode'] = 'regions';
var chart = new google.visualization.GeoChart(document.getElementById('revenue_inbound_map'));
chart.draw(geomap_chartdata, options);
但这不起作用。而不是识别国家代码地理地图将那些识别为国家代码。请帮我解决这个问题。
在选项中,您需要提及您正在寻找的是什么以及分辨率。因此,将区域指定为美国,并将显示模式指定为区域。试试这个:
google.charts.load('current', {
'packages':['geochart'],
// Note: you will need to get a mapsApiKey for your project.
// See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
});
google.charts.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['States', 'Popularity'],
['ID', 200],
['IN', 300],
['KY', 400],
['LA', 500],
['MA', 600],
['MT', 600],
['OH', 600],
['NY', 600],
['WA', 700]
]);
var opts = {
region: 'US',
displayMode: 'regions',
resolution: 'provinces',
width: 640,
height: 480
};
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
chart.draw(data, opts);
}
我试图根据某些价值观来识别和着色美国各州。但它只需要国家代码。我试过下面的代码-
var geomap_chartdata = google.visualization.arrayToDataTable([
['States', 'Popularity'],
['ID', 200],
['IN', 300],
['KY', 400],
['LA', 500],
['MA', 600],
['MT', 600],
['OH', 600],
['NY', 600],
['WA', 700]
]);
var options = {};
options['displayMode'] = 'regions';
var chart = new google.visualization.GeoChart(document.getElementById('revenue_inbound_map'));
chart.draw(geomap_chartdata, options);
但这不起作用。而不是识别国家代码地理地图将那些识别为国家代码。请帮我解决这个问题。
在选项中,您需要提及您正在寻找的是什么以及分辨率。因此,将区域指定为美国,并将显示模式指定为区域。试试这个:
google.charts.load('current', {
'packages':['geochart'],
// Note: you will need to get a mapsApiKey for your project.
// See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
});
google.charts.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['States', 'Popularity'],
['ID', 200],
['IN', 300],
['KY', 400],
['LA', 500],
['MA', 600],
['MT', 600],
['OH', 600],
['NY', 600],
['WA', 700]
]);
var opts = {
region: 'US',
displayMode: 'regions',
resolution: 'provinces',
width: 640,
height: 480
};
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
chart.draw(data, opts);
}