Javascript 使用Google Visualization API通过鼠标悬停突出显示大陆
我有下面的代码,我希望当我把鼠标放在某个大陆上时,它会突出显示该大陆:我尝试了这段代码,但没有成功Javascript 使用Google Visualization API通过鼠标悬停突出显示大陆,javascript,jquery,google-visualization,Javascript,Jquery,Google Visualization,我有下面的代码,我希望当我把鼠标放在某个大陆上时,它会突出显示该大陆:我尝试了这段代码,但没有成功 google.maps.event.addListener(map,'mouseover',function(e){ google.load('visualization', '1', {'packages': ['geochart']}); google.setOnLoadCallback(drawRegionsMap); func
google.maps.event.addListener(map,'mouseover',function(e){
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Country', 'Popularity'],
['Germany', 200],
['United States', 300],
['Brazil', 400],
['Canada', 500],
['France', 600],
['RU', 700]
]);
var options = {colors:['#002e5f','#CCCCCC']};
var chart = new google.visualization.GeoChart(document.getElementById('googleMap'));
chart.draw(data, options);
};
为了突出显示大陆,您必须将
分辨率
选项设置为“大陆”
。但是,这与使用国家级数据不兼容。此代码应有助于:
google.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Region Code', 'Continent', 'Popularity'],
['142', 'Asia', 200],
['150', 'Europe', 300],
['019', 'Americas', 400],
['009', 'Oceania', 600],
['002', 'Africa', 700]
]);
var options = {
resolution: 'continents'
};
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
chart.draw(data, options);
}