TextPath and GeoJson layer about leaflet.textpath HOT 7 CLOSED

Hi,

Yes absolutely, simply do:

var myGeojsonLayer = L.geoJson(...);
myGeojsonLayer.setText(...)

from leaflet.textpath.

Works great 👍 Thanks for fast response! :)

from leaflet.textpath.

Hi,

I've been trying to get this to work but dont seem to be making any head way.

I'm trying to use this method to simulate road names but just cant get it to work. I'm loading my geoJSON data but cant seem to get my text to display.

I don't suppose you could show an example of how this works with geoJSON feature data?

Thanks.

from leaflet.textpath.

Something like that should do it (untested):

L.geoJson(data, {
    onEachFeature: function (feature, layer) {
        layer.setText(feature.properties.streetname);
    }
}).addTo(map);

Please reproduce a small test case in jsfiddle or similar to make assistance easier...

from leaflet.textpath.

@Sc00t You can check the demo which now has an example similar to your case: http://makinacorpus.github.io/Leaflet.TextPath/

from leaflet.textpath.

Thank you both, much appreciated. The demo shows exactly what I was
wanting to see.

I do have a further question if I may, I'm using a custom map and plan
to use this method to draw many lines with text on. I am debating the
performance of the solution now, orginally my geoJSON layer was rendered
in a canvas but I see this solution requires I use SVG which unless I'm
mistaken still keeps the object in the DOM? I wonder if I load in
hundreds / thousands of this type of line/text, would the performance of
the map become unuseable.

Thanks.

On 2015-04-07 20:42, Frederic Bonifas wrote:

@Sc00t [1] You can check the demo which now has an example similar to
your case: http://makinacorpus.github.io/Leaflet.TextPath/ [2]

Reply to this email directly or view it on GitHub [3].

Links:

[1] https://github.com/Sc00t
[2] http://makinacorpus.github.io/Leaflet.TextPath/
[3]
#24 (comment)

from leaflet.textpath.

Closing since it seems resolved.

For your performance question, indeed SVG is mandatory and will not be as performant as canvas (see #37 and #40)

from leaflet.textpath.