Which plugin can draw topoJson right within Leaflet without conversion?

Question

I already have asked how to reduce file size and increase performance for publishing spatial data on the web using Leaflet, here.

A conversion to TopoJSON has reduced the file size by approximately 10x, which is awesome, and I thought that would solve both of my problems and world would come to peace.

Never have I been so wrong. (in the voice of Bilbo Baggins)

The problem is, when the map is zoomed, I have to wait a while before my polygons come to resolution. Until then, the map freezes and cannot be panned or done anything for about 3-4 seconds. If I overclick the map in this interval, the Chrome tab crashes.

This also happened when using GeoJSON, because I am using this client-side API that converts TopoJSON into GeoJSON within the browser. Thus, using TopoJSON reduces transferred data but does not increase the performance, because basically the browser is still reading data from the bulky GeoJSON, but I just don't see it. It's still taking up 10 times the file size of TopoJSON in the RAM, which explains the freezing.

Which Plugin can draw TopoJSON right within Leaflet without conversion, so that a lot of space frees up on RAM?

Thanks in advance.

EDIT: Although I upvoted R.K.'s answer, I still am in search for a decent plugin.

Answer 1

There's this Leaflet plugin called omnivore that adds support for multiple formats like csv, kml, gpx, wkt and topojson. Hopefully, that will solve your problem. Good luck :)

Answer 2

What size both mb, features and vertices is your layer? If it's crashing your browser it must be +10mb - just read your initial post - 56mb!! There is a limit to client-side rendering. Have you simplified using mapshaper?

You could look into tilemill and mbutil to create your own tiles and serve them yourself. It will work.

That said you can use geojson-vt to convert large geojson/topojson polygons into vector tiles, which once created on initial load render very well, up to maybe 50k polygons or so.