传单，Topojson和图层组

Question

我具有三个层次的地理图层：村庄>县>区域。

我的topojson由村庄的多边形组成，我有一个json，其中包含村庄>县>区域数据。

我这样加载：

L.TopoJSON = L.GeoJSON.extend({
  addData: function(jsonData) {    
    if (jsonData.type === "Topology") {
      for (key in jsonData.objects) {
        geojson = topojson.feature(jsonData, jsonData.objects[key]);
        L.GeoJSON.prototype.addData.call(this, geojson);
      }
    }    
    else {
      L.GeoJSON.prototype.addData.call(this, jsonData);
    }
  }  
});
var topoLayer = new L.TopoJSON();

var village =  {};

$.getJSON('data/villages_data.json', function(data) {
  village = data;
  $.getJSON('data/villages_geo.json').done(addTopoData);
});
function addTopoData(topoData){
  topoLayer.addData(topoData);
  topoLayer.addTo(map);
  topoLayer.eachLayer(handleLayer);
}

我想在地图上显示三个级别：村庄，县和地区。 我曾经设法使用过图层组，并且在考虑使用该图层组来添加控件以切换每个管理级别。 我也想为每个行政级别设定不同的样式。

我本来希望直接在地图上进行操作。否则，我看到的唯一解决方案是制作三个shapefile，每个管理员级别一个，然后为三个图层制作一个topojson。 然后，我想访问每个管理员级别会更容易； 尽管我什至不确定我会处理。

有什么建议吗？

Answer 1

Kinda感到困惑，因为我不清楚您的设置/解释，但是从我的收集中，我会做这件事。 您可以将shapefile导出为三个不同的GeoJSON文件，并将它们转换为一个TopoJSON文件：

topojson -o topo.json -- villages.json counties.json regions.json

然后，可以在客户端执行以下操作：

var overlays = {
    'villages': new L.GeoJSON(null, {
        'style': function () {
            return {
                'color': 'red'
            }
        }
    }),
    'counties': new L.GeoJSON(null, {
        'style': function () {
            return {
                'color': 'green'
            }
        }
    }),
    'regions': new L.GeoJSON(null, {
        'style': function () {
            return {
                'color': 'blue'
            }
        }
    })
};

var control = new L.Control.Layers(null, overlays).addTo(map);

$.getJSON('topo.json', function (topo) {
    for (key in topo.objects) {
        var geo = topojson.feature(topo, topo.objects[key]);
        overlays[key].addData(geo);
    }
});

遵循这些原则，但请注意：将其视为伪/未经测试的代码，因为我是徒手编写的，并且没有手动获得适当的TopoJSON文件来进行实际测试。