使用Google GeoCharts API的美国Geochart州
Mow*_*zer 3 google-api google-visualization
我想制作一张类似于此处所示的可选州的美国地图。
资源
除了下面的内容之外，我只想渲染美国的州，而不是多个国家。
在这个jsBin中，我希望看到在悬浮有一些弹出文本时突出显示的各个状态。但是，我实际上只看到美国的灰色背景轮廓，没有可辨别的州。
请提供一个可以完成任务的jsBin。
http://jsbin.com/jodesitoto/edit?html，输出<!DOCTYPE html>
<html>
<head>
<!---- >
https://developers.google.com/chart/interactive/docs/gallery/geochart#full
<!---->
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['geochart']});
google.charts.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['State', 'Select'],
['US-AL', 0],
['US-AK', 0],
['US-AR', 0],
['US-AK', 0],
['US-AZ', 0],
['US-Colorado', 0],
['US-CO', 0],
['US-DE', 0],
['US-FL', 0],
['US-HI', 0],
['US-KS', 0],
['US-KY', 0],
['US-MI', 0],
['US-MO', 0],
['US-MS', 0],
['US-MT', 0],
['US-NE', 0],
['US-NJ', 0],
['US-NM', 0],
['US-NY', 0],
['US-OR', 0],
['US-PA', 0],
['US-TX', 0],
['US-UT', 0],
['US-VA', 0],
['US-WA', 0],
['US-WV', 0],
['US-WY', 0],
]);
var options = {
region: 'US',
displayMode: 'regions',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="geochart" style="width: 900px; height: 500px;"></div>
</body>
</html>
Mow*_*zer 10
添加resolution: 'provinces',到options对象。
var options = {
region: 'US',
displayMode: 'regions',
resolution: 'provinces',
};
| 归档时间： |
|
| 查看次数： |
2735 次 |
| 最近记录： |