collect by hexgrid has the same properties

[mysisi]

hey, i have some trouble with collect api, when the first argument is a feature collection created from hexgrid, the result features have the same outProperty, triangleGrid or squareGrid are ok...

[rowanwins]

Hi @mysisi

Which version of turf are you using? I did resolve this bug although the patch is currently only available in v6 with the standalone module. The bundled turf is still running as v5 and so the patch hasn't been incorporated yet.

Cheers

[hw2312]

I'm using mapbox-gl-js/v0.44.1 and running into the same issue where all properties are the same for hexgrids.

[rowanwins]

Hi @hw2312

The same question for you as above - what version of turf/hexgrid are you using?

[hw2312]

@rowanwins I've been using the CDN script <script src='https://npmcdn.com/@turf/turf/turf.min.js'></script>. Is there a way to add turf as a standalone module for web purposes?

[EDIT]
I saw your comment about v6 having resolved this issue and tried adding <script src='https://cdn.jsdelivr.net/npm/@turf/hex-grid@6.0.1/index.js'></script> at the head of my HTML file, but ran into the following error:

Uncaught ReferenceError: exports is not defined at index.js:2

Would you have any suggestions on how to resolve this? Thanks!

[mysisi]

@rowanwins using the latest version 5.1.6

[rowanwins]

When using a single module in a browser application people are typically using them via a build tool like webpack, these build tools compile all the dependencies and make them browser ready.

There are some fairly simple instructions on the getting started pages for how to generate a custom built browser-ready script using browserify (see section titled 'Creating custom builds for use in the browser').

Give those instructions a while and let me know how you get on

[mysisi]

im using like this:

var turf = require("@turf/turf")

var bbox = [-10,-10,10,10];
var cellSide = 300;
var options = {units: 'miles'};
var hexgrid = turf.hexGrid(bbox, cellSide, options);

var pt1 = turf.point([0,0], {population: 400});
var pt2 = turf.point([-1,-3], {population: 600});
var pointFC = turf.featureCollection([pt1, pt2, pt3, pt4, pt5]);

var collected = turf.collect(hexgrid, pointFC, 'population', 'values');

when you log collected you will see the feature properties collect will always be the same as the first feature properties.
when i use turf-hex-grid, it's ok....