如何在Google Maps中加载JSON文件
有
我想使用JSON数据为Google Maps中的国家/地区着色。目前，我已将所有内容“硬编码”：
<script type="text/javascript">
google.charts.load('current', {'packages':['geochart']});
google.charts.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Country'],
['China'],
['Taiwan'],
['Malaysia'],
]);
var options = {
backgroundColor: 'none',
defaultColor: '#F27935'
};
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
chart.draw(data, options);
}
</script>
该代码绘制以下图像：
现在，我想为其使用JSON文件，因为我还有其他要显示的数据。到目前为止，我拥有的JSON：
{
"Chinese": {
"Country": {
"China": {},
"Taiwan": {},
"Malaysia": {}
}
},
"English": {
"Country": {
"United States": {},
"United Kingdom": {},
"Australia": {},
"New Zealand": {}
}
}
}
我也想在特定页面上显示特定数据。例如，在Chinese.php上，我想在JSON中显示数据“ Chinese”。
我应该使用if语句吗？我以为这段代码可能会有所帮助...
if(document.URL.indexOf("chinese.php") >= 0){
...json code here
}
我的问题：如何在Google Maps中加载仅请求特定页面的特定部分的JSON文件。
有
以下代码解决了我的问题。我为此修复程序使用了单独的JSON文件。
function drawcountryMap() {
var options = {
backgroundColor: 'none',
defaultColor: '#F27935'
};
$.ajax({
url: "cn.json",
dataType: "JSON"
}).done(function(data) {
var countryArray = [["Country"]];
$.each(data.country, function() {
var countryitem = [this.name];
countryArray.push(countryitem);
});
var countryData = google.visualization.arrayToDataTable(countryArray);
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
chart.draw(countryData, options);
});
}
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawcountryMap);
我的JSON文件
{ "country":
[
{"name":"Taiwan"},
{"name":"China"},
{"name":"Malaysia"}
] }
得到相同的结果：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用Google BigQuery Client API在BigQuery中加载JSON文件
- 2
如何在JavaScript中加载外部文件？
- 3
如何在TypeScript中加载定义文件
- 4
如何在Pane中加载fxml文件？
- 5
如何在Logstash中加载CSV文件
- 6
如何在Julia中加载文件？
- 7
如何在DIV中加载html文件
- 8
如何在SSIS中加载多个文件
- 9
如何在dojo应用程序构建概要文件中加载json文件？
- 10
如何在Aurelia JavaScript应用程序中加载Google Maps JavaScript API？
- 11
如何在Xcode中加载本地json文件以进行单元测试？
- 12
如何在HTML（PHP）文件中加载JavaScript文件
- 13
如何在FAT文件系统中加载文件？
- 14
如何将多个python对象转储和加载到json文件中或从json文件中加载？
- 15
如何将多个python对象转储和加载到json文件中或从json文件中加载？
- 16
如何在jQuery标签中加载Google地图？
- 17
如何在Materialise Modal中加载Google Map？
- 18
如何在PowerShell ISE中加载配置文件？
- 19
如何在apache jena中加载N-TRIPLE文件？
- 20
如何在Pig中加载特定范围的输入文件
- 21
如何在javafx8中加载css文件
- 22
如何在ascx文件中加载资源密钥？
- 23
如何在magento的视图文件中加载数据？
- 24
如何在AWS Lambda中加载lib文件夹？
- 25
如何在python中加载* .obj文件并对其应用纹理
- 26
如何在URL的Python瓶中加载静态文件
- 27
如何在julia中加载带有复数的csv文件？
- 28
如何在finatra中加载资产，例如.css，.js文件？
- 29
如何在Codeigniter 4中加载CSS或JS文件？
我来说两句