如何在Google Maps中加载JSON文件

时间:2016-01-25 02:57:12

标签: javascript php json

我想使用我的JSON数据为Google地图中的国家/地区着色。 目前我拥有所有东西"硬编码":

{
  "Chinese": {
    "Country": {
      "China": {},
      "Taiwan": {},
      "Malaysia": {}
    }
  },
  "English": {
    "Country": {
      "United States": {},
      "United Kingdom": {},
      "Australia": {},
      "New Zealand": {}
    }
  }
}

代码绘制以下图像:

The code draws this

现在我想使用JSON文件,因为我还想显示其他数据。 我到目前为止的JSON:

if(document.URL.indexOf("chinese.php") >= 0){ 
...json code here
}

我还想在特定页面上显示特定数据。例如,在Chinese.php上我想显示数据"中文"在JSON。

我应该使用if语句吗?我想也许这段代码可以帮助......

service_requests

我的问题:如何在Google地图中加载只请求特定网页的特定部分的JSON文件。

1 个答案:

答案 0 :(得分:0)

以下代码修复了我的问题。我正在使用单独的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"}
] }

获得相同的结果:

enter image description here