我正在尝试使用两个配色方案的地理地图。用户将单击页面上的链接,然后使用js更改地图的颜色并重绘它。
我会改变
options['colors'] = [0xbaecc7, 0x3bc75f]; // light to dark green问题是,每次我调用该函数来重画时,它似乎都会重新加载geomap。我有两个函数..下面这个是绿色的,另一个是绘制蓝色地图的。一开始,我通过调用setOnLoadCallBack使用drawMap绘制蓝色地图
google.setOnLoadCallback(drawMap);任何帮助或想法都将受到欢迎!
function drawGoalsMap() {
var options = {};
options['dataMode'] = 'regions';
options['region'] = 'world';
options['colors'] = [0xbaecc7, 0x3bc75f]; // light to dark green
options['width'] = '900px';
options['height'] = '400px';
var data = new google.visualization.DataTable();
data.addRows(6);
data.addColumn('string', 'Country');
data.addColumn('number', 'Messages');
data.setValue(0, 0, 'Germany');
data.setValue(0, 1, 200);
data.setValue(1, 0, 'United States');
data.setValue(1, 1, 300);
data.setValue(2, 0, 'Brazil');
data.setValue(2, 1, 400);
data.setValue(3, 0, 'Canada');
data.setValue(3, 1, 500);
data.setValue(4, 0, 'France');
data.setValue(4, 1, 600);
data.setValue(5, 0, 'RU');
data.setValue(5, 1, 700);
var container = document.getElementById('map_canvas');
var geomap = new google.visualization.GeoMap(container);
geomap.draw(data, options);
google.visualization.events.addListener(geomap, 'regionClick',
function(e) {
var countryCode = e['region'];
DrillDown(countryCode);
}
);
};发布于 2011-03-09 12:39:38
在一次偶然的代码编辑后,我发现了问题!
我使用的是链接<a href="" onclick="drawGoalsMap()">Goals</a>
我将其更改为排除href=""
<a onclick="drawGoalsMap()">Goals</a>https://stackoverflow.com/questions/5240664
复制相似问题