Json 谷歌强度图没有被填满
我有一个谷歌强度图,这是出现在网页上,但它没有得到填补根据不同的国家。这是它的代码-Json 谷歌强度图没有被填满,json,google-visualization,Json,Google Visualization,我有一个谷歌强度图,这是出现在网页上,但它没有得到填补根据不同的国家。这是它的代码- <html> <head> <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type='text/javascript'> google.load('visualization', '1', {'packages': [
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages': ['geomap']});
google.setOnLoadCallback(drawMap);
function drawMap() {
console.log("In draw map function");
var test = {{states|safe}};
console.log(test); console.log(test);
var data = google.visualization.arrayToDataTable({{states|safe}});
var options = {};
options['region'] = 'US'
options['dataMode'] = 'regions';
var container = document.getElementById('map_canvas');
var geomap = new google.visualization.GeoMap(container);
geomap.draw(data, options);
};
</script>
</head>
<body>
<div id='map_canvas'></div>
</body>
</html>
我做错了什么?我刚刚得到我们的默认地图。它不会根据强度来填充。您需要将
分辨率
选项设置为“省”
,以获得州地图:
options['resolution'] = 'provinces';
此外,不推荐使用几何地图,请使用新的几何地图。加载“地球艺术”
包:
google.load('visualization', '1', {'packages': ['geochart']});
并使用艺术
对象:
var geochart = new google.visualization.GeoChart(container);
geochart.draw(data, options);
var geochart = new google.visualization.GeoChart(container);
geochart.draw(data, options);