this.accessors.getLocationCentroid is not a function at FlowMapAggregateAccessors.getLocationCentroid (FlowMapAggregateAccessors.js?3933:20:1)

[mrosminin]

Hi,

Trying to use FlowMapLayer in a vue.js app. Getting error
this.accessors.getLocationCentroid is not a function
at FlowMapAggregateAccessors.getLocationCentroid (FlowMapAggregateAccessors.js?3933:20:1)

data is FlowMapData

Adding layer exactly as in example https://github.com/visgl/flowmap.gl/blob/main/examples/webpack-app/src/app.js

what ca be the problem with this?

[ilyabo]

getLocationCentroid was refactored into getLocationLat/Lon. Check the installed dependency versions. Maybe there's a mismatch between data and layers. They should be the same:

    "@flowmap.gl/data": "8.0.0-alpha.25",
    "@flowmap.gl/layers": "8.0.0-alpha.25",

[mrosminin]

Thanks, this was the metter.

One more question. For what reason clustering may not occur?

2023-04-25.08.29.08.mov

[ilyabo]

From your screenshot it looks like you are always passing clusteringEnabled: false

[mrosminin]

Of course true, checked twice! Ive tried on another dataset, and it's clustering but only for 1 level.
If clusteringAuto: true, only for 1 level on "small" dataset, the "large" dataset above - no clustering at all.

2023-04-25.13.06.25.mov

If setting clusteringAuto false and clusteringLevel unlike 1, all objects and flows disappear from map.

[ilyabo]

Are you using HCA or H3?
Not sure what it could be. You might just need to zoom out farther. When using the clusteringLevel slider, some levels might be empty if the clusters are the same as on a lower zoom level.

[mrosminin]

flows.txt
locations.txt

No matter h3 or HCA. On this dataset no clustering.

config
{
"darkMode": false,
"colorScheme": "Blues",
"highlightColor": "#ff9b29",
"opacity": 0.5,
"fadeEnabled": true,
"fadeOpacityEnabled": false,
"fadeAmount": 50,
"clusteringEnabled": true,
"clusteringAuto": true,
"clusteringLevel": 5,
"clusteringMethod": "HCA",
"animationEnabled": false,
"adaptiveScalesEnabled": true,
"locationTotalsEnabled": true,
"locationLabelsEnabled": false,
"maxTopFlowsDisplayNum": 5000
}

[ilyabo]

Looks like the clustering algorithm has issues with the fact that many of the locations with different IDs share exactly the same coordinates. I will try to fix the issue in the library. In the meantime, you could try to modify your dataset to make sure same locations have the same IDs. Or add a small random displacement to the coordinates.

[mrosminin]

Yes, this was the matter. I modified dataset, and it started to work properly.