Question

我正在实施谷歌地理地图，我想要做的是，例如，如果我点击地图上的US，我会得到国家的名称作为警报（例如，如果我点击美国，我必须得到美国作为警报），我最终可以用作变量。当我试图循环选定的Div我得到

（Undefined）作为提醒

<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);

                    });
                });

Answer 1

不要使用jQuery事件处理程序 - Visualization 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);

使用Google Geo Map单击某个区域时，在变量中获取区域名称

1 个答案: