在Leaflet地图中使用topoJSON

Question

我正在学习如何使用Leaflet制作用于公共健康目的的在线交互式地图（经验丰富的ArcGIS用户，Mapbox TileMill）。我慢慢来，所以我理解每一段代码，而我正在使用Leaflet choropleth example，因为我想制作等值线图。我坚持的当前任务是如何正确地将topoJSON数据添加到Leaflet地图。我已经尝试了以下代码将美国状态geoJSON转换为topoJSON，但它没有奏效。有什么建议吗？

    var geojson;

    var test = topojson.feature(us-states-topo, us-states-topo.objects.layer1 );

    geojson = L.geoJson(test, {
        style: style,
        onEachFeature: onEachFeature
    }).addTo(map);

我已经查看了topoJSON API reference，但我确信我必须犯一个简单的错误，因为我一般都是JavaScript的初学者。谢谢大家的帮助！

最佳

利

Answer 1

我建议您使用browser debug tools开始调试。

var test = topojson.feature(us-states-topo, us-states-topo.objects.layer1 );

这是无效的JavaScript：us-states-topo不是有效的变量名，因为不允许使用-。