Can't get `react-annotations` to show over a map

Hi, love react-simple-maps!

I have a problem which I cannot solve - I’ve checked the web for answers but cannot find any. Hence my logging of an issue.

I have a world map and I want to overlay annotations from react-annotations but they just don’t show up. Do you have an example of this working?

Thanks!

[zimrick]

Hi @abax1, Yeah, we didn’t get around to add a proper example of how to use react-annotation with react-simple-maps yet. The best way to go about this is to put the annotation component inside a Marker component. That way you can place it geographically.

Hope this helps.

[abax1]

Usage would be:

<Marker coordinates={[-120.8958, 38.8375]}>
          <CirclePulse color="red" pulseColor="yellow" />
          <MyAnnotation
            title={"You are Here"}
            label={"This is your node, N. California, Lat: -120.8958, Long: 38.8375"}
            color={"#ffffff"}
            wrap={60}
          />
</Marker>