GeoJSON not working. about vue2leaflet HOT 9 CLOSED

@fergardi I received this same error. I resolved it by placing a v-if="map.vectors && map.vectors.length" (adjusted for variable names) on the map's parent element.

I believe the issue is from the map attempt attempting to instantiate layers before the GeoJSON is ready.

from vue2leaflet.

In order to check this behaviour, I added directly the geojson in the created hook, so its ready when it tries to render the layer. Not working, but thanks for the response.

from vue2leaflet.

Hi @fergardi,

Could you please provide a link to a jsfiddle for example that reproduce this issue.

I'm not sure how to reproduce this.
Thanks

from vue2leaflet.

Hi @fergardi,

Just had the same issue while trying to load GeoJSON from a REST API (loading from hardcoded values works fine), and I’ve found a fix after reading the code.

The error is in GeoJSON.vue component, line 11 :

    if (this.$parent._isMounted) {
>>   this.deferredMountedTo(this.$parent.$geoJSON);
    }

The parent of the GeoJSON layer is undefined, as we try to access $geoJSON attribute of this.$parent, which is the Vue Component of the map. So later in deferredMountedTo, we call this.$geoJSON.addTo(parent) and that’s causing the error : $geojson is undefined in this.$parent.

So replace this.$parent.$geoJSON with this.$parent.mapObject and now it’s working properly (at least in my app, let me know if it fixes your too)

@KoRiGaN I think you can reproduce this bug by using a delayed load of hardcoded values (ie. simulating an async call to an API)

Cheers

from vue2leaflet.

Hi @fergardi,

I had a look and your right about the issue and was able to reproduce it by loading geojson asynchronously.
The fix you suggested also work so I push it on a new version 0.0.51.
Thanks for the great help !

@fergardi and @jteppinette, can you confirm it also fix your issues with the GeoJSON component ?

Micka

from vue2leaflet.

@fergardi @jteppinette any update ?

from vue2leaflet.

Closed as no answer for 2 weeks

from vue2leaflet.

Hi, I'm still facing this issue on version 0.0.51.

from vue2leaflet.

@KoRiGaN (cc @bidhan-a ),

I've checked your fix, there is a typo (on line 11)
this.$parent.$mapObject should be this.$parent.mapObject

There is a $ right before mapObject, that's why it's not working.

Timothé

from vue2leaflet.