首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用JS在外部点击时显示不同颜色的地理地图

如何使用JS在外部点击时显示不同颜色的地理地图
EN

Stack Overflow用户
提问于 2011-03-09 10:30:58
回答 1查看 1.6K关注 0票数 0

我正在尝试使用两个配色方案的地理地图。用户将单击页面上的链接,然后使用js更改地图的颜色并重绘它。

我会改变

代码语言:javascript
运行
复制
options['colors'] = [0xbaecc7, 0x3bc75f]; // light to dark green

问题是,每次我调用该函数来重画时,它似乎都会重新加载geomap。我有两个函数..下面这个是绿色的,另一个是绘制蓝色地图的。一开始,我通过调用setOnLoadCallBack使用drawMap绘制蓝色地图

代码语言:javascript
运行
复制
google.setOnLoadCallback(drawMap);

任何帮助或想法都将受到欢迎!

代码语言:javascript
运行
复制
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);
                            }
            );

        };
EN

Stack Overflow用户

回答已采纳

发布于 2011-03-09 12:39:38

在一次偶然的代码编辑后,我发现了问题!

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

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

代码语言:javascript
运行
复制
<a onclick="drawGoalsMap()">Goals</a>
票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5240664

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档