gpt4 book ai didi

javascript - 如何显示带有城市名称的标记 - Google Geochart

转载 作者:行者123 更新时间:2023-11-28 03:43:43 26 4
gpt4 key购买 nike

如何显示带有标记的名称,目前只有 1 个选项可以在“标记”或“文本”之间进行选择。如果我选择“文本”,则文本单击上没有单击选项。可以在 map 上同时显示两者吗?如果没有,那么我们可以在文本上添加点击事件吗?

var dataCities = google.visualization.arrayToDataTable([
['City', ''],
['Lahore', 1],
['Karachi', 1],
['Islamabad', 1],
["Gilgit", 1]
]);

var options = {
region: 'PK',
displayMode: 'text',
width: 834,
height: 521,
backgroundColor: '#fff',
datalessRegionColor: '#9bd5e1',
defaultColor: '#fff',
legend: 'none',
showTooltip: true,
showInfoWindow: true,
sizeAxis: {
minValue: 0,
maxValue: 5
},

colorAxis: {
colors: ['#739FA8', '#739FA8', '#739FA8', '#739FA8', '#739FA8']
}

};

function myClickHandler() {
var city = '';
var selection = chart.getSelection();
if (selection.length > 0) {
city = dataCities.og[selection[0].row].c[0].v;
//alert(data.getValue(selection[0].row, 0));
document.getElementById('location').innerHTML = '';
document.getElementById('location').innerHTML = countryCity + ' , ' + city;
}
}
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

google.visualization.events.addListener(chart, 'select', myClickHandler);
chart.draw(dataCities, options);

这是 fiddle :jsfiddle

最佳答案

您可以尝试将地理图表设置为在地理图表中包含省份。

    var options = {
region: 'IT',
resolution: 'provinces',
displayMode: 'text',
colorAxis: {colors: ['green', 'blue']},
sizeAxis: {minSize: 12, maxSize:20},
enableRegionInteractivity: true
};

然后您只需添加 regionClick 事件处理程序即可将其发送到您的 myClickHandler() 方法。

  google.visualization.events.addListener(chart, 'regionClick', myClickHandler); 
chart.draw(data, options);

这是您的 example 的更新版本我对你的代码的修改。

关于javascript - 如何显示带有城市名称的标记 - Google Geochart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48683872/

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