Unsupported GeoJSON type: vl-geom-circle

[Nikitoring]

When I use dynamic component I get error: Unknown custom element: . And error: Error: Unsupported GeoJSON type: Circle ` <component v-for="layer in layers" :is="layer.cmp" :key="layer.id" v-bind="layer"

<component :is="layer.source.cmp" v-bind="layer.source" v-if=" layer.source.features && layer.source.features.length "

<vl-feature v-for="feature in layer.source.features" :key="feature.id" :id="feature.id"

<component :is="geometryTypeToCmpName(feature.geometry.type)" v-bind="feature.geometry" layers is computed : [{ id: 'radiuses', title: 'Radiuses', cmp: 'vl-layer-vector', source: { cmp: 'vl-source-vector', features:{ geometry:{ coordinates:[ 37.6174943, 55.75044610000003 ], radius: 5000, type: "Circle" } } } }]`

But when I try : `

  </vl-layer-vector>`

I have no error

[ghettovoice]

Hello @Nikitoring , I see two mistakes in your layers data:

• features should be an array of GeoJSON objects.
• this directive v-bind="layer.source" already pass all features through vl-source-vector features prop. So adding them with vl-feature for loop not needed here. But there is a limitation that you can't pass circles because there is no circle geometry in GeoJSON spec. You can workaround this by creating circular polygons or use vl-feature with vl-geom-circle loop over some another property that not conflicting with features prop.

There is a fixed demo https://jsfiddle.net/ghettovoice/qa8p913o/62/

[Nikitoring]

Thanks a lot. I was inattentive