我很难通过URL将远程托管的GeoJSON数据作为Leaflet(HTML,JS)中的层导入

kfgdxczn  于 2022-12-09  发布在  其他
关注(0)|答案(1)|浏览(123)

我无法从URL获取GeoJSON数据以正常工作。
我试图创建一个覆盖层的传单组成的美国县,这是我这样做:

var overlays = {
            "Counties": L.geoJson('https://github.com/zeke/us-counties/blob/master/county.geo.json?raw=true', {async: true}).on('loaded', function(e) {map.fitBounds(e.target.getBounds());
            }
        )}

        // This adds all layers together.
        L.control.layers(baseMaps, overlays).addTo(map);

JS控制台错误看起来像这样:

有什么好办法能让它工作吗?

uqdfh47h

uqdfh47h1#

L.GeoJSON不支持请求,您需要首先手动加载数据或使用Leaflet.Ajax之类的库

var overlays = {
            "Counties": L.geoJson.ajax('https://github.com/zeke/us-counties/blob/master/county.geo.json?raw=true').on('data:loaded', function(e) {map.fitBounds(e.target.getBounds());
            }
        )}

相关问题