在Leaflet.js中使用的Geojson编码

Question

I've spotted that a geojson encoding utility is now available, geobuf .

I've played around with the ( python module version ) and have been able to encode a geojson file to pbf and then decode back to geojson. I can't figure out how to do this within leaflet.js. I'm hoping this might be a way to encode and deliver large geojson files but I can't find any example as to how to use and implement it in leaflet.js.

Can anyone shed light on how to use geobuf to encode a geojson file and use it with leaflet.js?

Answer 1

You need to convert Geobuf to plain GeoJSON in the browser. Make a geobuf browser build , include it in a <script> tag (as you do with Leaflet), and then:

var layer = L.geoJson( geobuf.decode( new Pbf(data) ) ).addTo(map);

Answer 2

From leaflet docs :

L.geoJson(geojsonFeature).addTo(map);

Where geojsonFeature is the actual geoJSON