[geo] add graticule

[nschnierer]

Implemented graticule for projection's.

Draw graticule:

<Mercator
  data={world.features}
  scale={width / 630 * 100}
  translate={[width / 2, height / 2 + 50]}
  fill={() => '#8be4c5'}
  stroke={() => '#5fcfa7'}
  graticule={{
    stroke: 'rgba(85, 189, 213, 0.3)'
  }}
/>

Graticule lines in foreground of the map and outline:

<Mercator
  //...
  graticuleLines={{
    foreGround: true,
    stroke: (data) => 'rgba(85, 189, 213, 0.3)'
  }}
  graticuleOutline={{
    stroke: 'rgba(85, 189, 213, 0.3)'
  }}
/>

Any other ideas to implement graticule. I think graticule as prop is fine because a graticule without a projection doesn't make sense.

[nschnierer]

Any idea to resolve this repeating code?

[nschnierer]

I want to change "foreGround" to "foreground"...

[hshoff]

awesome, thanks @nschnierer! I'll put aside some time to review this more throughly in the next couple of days.

[hshoff]

Looks good! I'm going to play around with a bit before publishing and see if there's a happy way for resolving the repeating code. I'll also do the foreGround => foreground change.

👍

[hshoff]

looks like a test failed cause of typo. I'll update that after the merge.

    Expected value to be (using ===):
      "vx-mercator vx-new"
    Received:
      "vx-geo-mercator"

[nschnierer]

Great. Need to add tests for the next pull request.