Allow image option for PointComponent - Closes #209

[aloxe]

The current Point feature of the Geojson component can only be changed by changing the value of its radius.

 styleCallback={(feature) => {
          if (feature.geometry.type === "Point") {
            return {
              fill: "lightcoral",
              stroke: "darkred",
              strokeWidth: "2",
              r: "10",
            };
  }}

The present change adds the possibility to add an svg path to the styleCallback that will be shown in place of the circle.

 styleCallback={(feature) => {
          if (feature.geometry.type === "Point") {
            return {
              fill: "lightcoral",
              stroke: "darkred",
              strokeWidth: "2",
              r: "10",
              path: "m 105.18118,144.78341 c 13.88218,-54.900853 47.12626,-20.15307 62.51039,-48.510217 11.48025,-21.161195 -7.88701,-40.52815 -23.30348,-40.545845 -12.98949,-0.01491 -23.75998,5.030014 -31.12524,15.691032 -9.61521,13.917797 -19.289599,24.284596 -8.08167,73.36503 m 32.30707,-76.511091 17.61856,12.899471 -17.30385,13.528373 z"
            };
  }}

To be able to display correctly, the path must be passed as a string and all coordinates must be relative. ( it is possible to convert a path to relative here ).
Also note that the first point of the path will be the one placed on the feature Point coordinates. Make sure the first point of the path is the base point of your pin.
Of course, it is also possible to use a nicer svg path than the one in the example.

[aloxe]

I could only test this change while implementing it in the file index.esm.js and with patching the pigeon-maps module. @mariusandra if there is another method to test I'd be happy to learn how.

[mariusandra]

Thanks for the fix! Merged and out with 0.21.6