Markers fail to render for albersUSA

[itsjoekent]

The following throws an error on my map when using AlbersUSA projection,

              {events.map(event => {
                const marker = {
                  coordinates: event.geoLocation,
                  name: event.title,
                };

                return (
                  <Marker marker={marker} key={event.id}>
                    <circle cx={0} cy={0} r={10} />
                  </Marker>
                );
              })}

The error happens because it's calling clipAngle on the projection but clipAngle doesn't exist,

react-simple-maps/src/Marker.js

Line 117 in 423a5ae

const isGlobe = projection.clipAngle() === degrees

I was able to change the compiled src,

var isGlobe = projection.clipAngle() === degrees;

to

var isGlobe = false;

and the markers successfully rendered.

[zimrick]

Thanks for flagging @itsjoekent, will make sure this gets in the next update.

[itsjoekent]

👍 no problem - I would offer to make a PR but I am not very knowledgeable in mapping, or math haha

[andy14312]

Hello, When will the repo be updated with this bug fix? I'm planning to use this in my project

[zimrick]

Should be fixed now v0.12.1.

[samuel-belcastro]

@zimrick this still happens but now with error: TypeError: Invalid attempt to destructure non-iterable instance

Passing array coordinates with albersUSA projection fails. I switched projections and it worked fine

[Maintrain97]

@zimrick I am experiencing the same issues reported above by @samuel-belcastro

[rekoke]

@zimrick I am experiencing the same issues, using geoPolyhedralWaterman projection and panning the map.
Any update?