nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Merge Polygons in JavaScript API 4.14

MikeV

I have several polygons that I'd like not to overlap on the map at the points that they merge at. If I have separate latitude/longitude coordinate sets for all the polygons, how can I accomplish this? In the image below, I want the two circles filled in but not overlapping.

Trouver plus de publications taguées avec

Accepted answers

LeoLiu1

Can you try this:

make sure spatialReference is set for each polygon json, for example:.

var polygon = { type: "polygon", rings: paths, "spatialReference": {"wkid": 4326} };

And then make sure array's type is polygon:

polygons.push(new Polygon(polygon));

If the above doesn't work, can you please share more pieces of codes with a screen shot of the error from your browser's console?

All comments

MikeV

Thanks, geometryEngine.union() works with your advice. The explicit cast to a Polygon before pushing it into my array is what was missing in my code.

LeoLiu1

Can you try this:

make sure spatialReference is set for each polygon json, for example:.

var polygon = { type: "polygon", rings: paths, "spatialReference": {"wkid": 4326} };

And then make sure array's type is polygon:

polygons.push(new Polygon(polygon));

If the above doesn't work, can you please share more pieces of codes with a screen shot of the error from your browser's console?

MikeV

I'm trying to use geometryEngine.union() with no success. I have several polygons defined like this where paths is an array of lat/long coordinates:

var polygon = { type: "polygon", rings: paths };

I then push each polygon into an array like this:

polygons.push(polygon);

At that point I use

var joinedPolygons = geometryEngine.union(polygons);

The API then throws an error that 'd is undefined'. What am I doing wrong?

LeoLiu1

Do you want an union?

geometryEngine | ArcGIS API for JavaScript 4.14

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.