Google maps 如何使用google geo chart api为区域添加url链接?
下面给出的代码生成一个简单的世界地图,并在鼠标悬停时呈现一些数据。API文档显示点击甚至可以添加,但不幸的是,我在上面找不到任何文档。我如何为另一个网页添加指向特定地区(国家)的url链接 当我点击一个地区/国家时,它应该呈现包含数据库应用程序提供的详细信息的相关页面Google maps 如何使用google geo chart api为区域添加url链接?,google-maps,google-visualization,google-geolocation,Google Maps,Google Visualization,Google Geolocation,下面给出的代码生成一个简单的世界地图,并在鼠标悬停时呈现一些数据。API文档显示点击甚至可以添加,但不幸的是,我在上面找不到任何文档。我如何为另一个网页添加指向特定地区(国家)的url链接 当我点击一个地区/国家时,它应该呈现包含数据库应用程序提供的详细信息的相关页面 <html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loade
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {
'packages':['geochart'],
// Note: you will need to get a mapsApiKey for your project.
// See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
});
google.charts.setOnLoadCallback(drawRegionsMap);
var j = "{{ind}}".replace(/"/g,"\"")
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Country', 'Popularity'],
['Germany', 200],
['United States', 300],
['Brazil', 400],
['Pakistan', 500],
['France', 600],
['RU', 700],
]);
var options = {};
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="regions_div" style="width: 1400px; height: 1200px;"></div>
</body>
</html>
google.charts.load('current'{
“包”:[“地球艺术”],
//注意:您需要为您的项目获取mapsApiKey。
//见:https://developers.google.com/chart/interactive/docs/basic_load_libs#load-背景
“mapsApiKey”:“AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY”
});
google.charts.setOnLoadCallback(DrawRegionMap);
var j=“{ind}}”.replace(/”/g,“\”)
函数drawRegionsMap(){
var data=google.visualization.arrayToDataTable([
[‘国家’、‘受欢迎程度’],
[‘德国’,200],
[‘美国’,300],
[‘巴西’,400],
[‘巴基斯坦’,500],
['France',600],
[RU',700],
]);
var选项={};
var chart=new google.visualization.geograpart(document.getElementById('regions_div'));
图表绘制(数据、选项);
}
检查此答案-->@WhiteHat这是个好主意谢谢检查此答案-->@WhiteHat这是个好主意谢谢