gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 10:56:20 27 4
gpt4 key购买 nike

我正在实现 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/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com