Question

我正在尝试使用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);
                            }
            );

        };

Answer 1

在我的代码中编辑机会后，我发现了问题!!!

我使用了链接<a href="" onclick="drawGoalsMap()">Goals</a>

我将其更改为排除href=""

<a onclick="drawGoalsMap()">Goals</a>

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

1 个答案: