如何使用JS显示外部点击的不同颜色的Geomap

我正在尝试使用2种颜色方案的geomap。用户将单击页面上的链接,然后使用js,我将更改地图的颜色并重绘它。 我会改变
options['colors'] = [0xbaecc7, 0x3bc75f]; // light to dark green
问题是每次我调用函数重绘它似乎重新加载geomap。我有两个功能..下面的一个用于绿色,另一个用于绘制蓝色地图。 在开始时,我使用
drawMap
通过调用
setOnLoadCallBack
绘制蓝色地图
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);
                            }
            );

        };
    
已邀请:
在我的代码编辑机会后,我发现了问题! 我正在使用链接
<a href="" onclick="drawGoalsMap()">Goals</a>
我改变它以排除
href=""
<a onclick="drawGoalsMap()">Goals</a>
    

要回复问题请先登录注册