GeoJson amchart地图，GeoJson存在什么问题？

Question

GeoJson amchart地图，GeoJson存在什么问题？

6

我对ammCharts相对较新，这也是我第一次尝试创建geoJSON文件。以下是我的geoJson文件: GeoJSON file 这是我想要实现的内容: example 当我加载我的geoJson时，会发生以下情况:

所以只有一个多边形在有效工作。由于某种原因，我遇到了问题，无法制作jsfiddle或codepen的代码。我认为我的geoJSON有问题，因为我已经加载了其他随机的Geojson文件，它们与amcharts创建的codepen一起正常工作，只有我的不起作用。

我正在使用geojson.io创建geoJson。

- hamadkh

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- xorspark · Accepted Answer

您的geoJSON存在问题，缺少id。AmCharts的地图要求每个区域具有唯一的ID。由于您的任何区域中都没有设置"id"属性，它们都将默认为null，只允许突出显示一个区域。我修改了您的JSON，并在每个区域中添加了与地区相同值的ids：

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "division": "Muzaffarabad",
        "district": "Muzaffarabad",
        "id": "Muzaffarabad",
// ... others omitted

我还修改了示例，添加了一个"title"属性到转换后的对象中，这样当你默认悬停在该区域上时，你将得到该区域的名称：

  for(var i = 0; i < svg.length; i++) {
    var path = svg[i];
    var attrs = path.match(/\w+=".*?"/g);
    var area = {};
    for(var x = 0; x < attrs.length; x++) {
      var parts = attrs[x].replace(/"/g, '').split("=");
      var key = fieldMap[parts[0]] || parts[0];
      area[key] = parts[1];
    }
    //added for hover-over balloons
    area["title"] = area["id"];
    mapVar.svg.g.path.push(area);
  }

这里有一个演示，其中包含修改后的文件和示例代码。您可以在此处找到完全修改的geoJSON文件。