javascript - 使用 Google 地理 map 单击某个区域时,获取变量中的区域名称

标签 javascript jquery google-maps google-visualization

我正在实现 Google 地理 map ,我想做的是,例如,如果我单击 US在 map 上,我会将国家/地区名称作为警报(例如,如果我单击美国,我必须将美国作为警报),我最终可以将其用作变量。当我尝试循环选定的 Div 时,我得到

(Undefined) as alert

<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
     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 = {};

        var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    };
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

我正在尝试使用 chart_div 获取元素元素。

 jQuery('#chart_div').on('click', function(){
                    jQuery(this).children().each(function () {
                       alert(this.value);

                    });
                }); 

最佳答案

不要使用 jQuery 事件处理程序 - 可视化 API 具有内置事件处理功能,可以执行此操作:

var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));

google.visualization.events.addListener(chart, 'select', function () {
    var selection = chart.getSelection();
    if (selection.length) {
        alert(data.getValue(selection[0].row, 0));
    }
});

chart.draw(data, options);

关于javascript - 使用 Google 地理 map 单击某个区域时,获取变量中的区域名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21762884/

相关文章:

google-maps - Google 的查询和地点自动完成之间的区别?

javascript - "mount"在 Vue.js 中是什么意思?

javascript - jquery sortable 无法读取属性 'top'

javascript - 如何获取兄弟节点并在javascript更改事件上设置值?

r - 将经/纬度转换为邮政编码/社区名称

Android 谷歌地图 API : How to get minimum and maximum coordinate can visible on map

javascript - 如何将选择器 ID 复制到 li 选择器类中?

javascript - 模拟类是从带有 jest 的包导入的对象的属性

javascript - 如何防止孙元素的超链接

java - 将 xml 传递给 jquery 脚本的问题