GeoJSON with PigeonMaps?

[reinux]

Hey,

I'm trying to color in countries using GeoJSON features. Is there a way to access the GeoJSON API through Feliz?

Thanks!

[Freymaurer]

Hey! Thanks for your message! Sadly i am not the original author of Feliz.Pigeonmaps and just took over maintainance for the core library.

With a quick look over the code example:

import { Map, GeoJson, GeoJsonFeature } from "pigeon-maps";

const geoJsonFeatureSample = {
  type: "Feature",
  geometry: { type: "Point", coordinates: [2.0, 48.5] },
  properties: { prop0: "value0" },
};

const MyMap = () => (
  <Map height={300} defaultCenter={[50.879, 4.6997]} defaultZoom={4}>
    <GeoJson
      svgAttributes={{
        fill: "#d4e6ec99",
        strokeWidth: "1",
        stroke: "white",
        r: "20",
      }}
    >
      <GeoJsonFeature feature={geoJsonFeatureSample} />
    </GeoJson>
  </Map>
);

It looks like these are just more ReactComponents which need a binding. I will be more than happy to guide you on a Pull request to implement these features into Feliz.PidgeonMaps, but I myself will not have time to put work into this sub project :(

There are also some guides for writing JS bindings in fable/feliz in the feliz docs.

[reinux]

Cool, I'll work on this as soon as I need to build out the map, which should be soon. I'm not too familiar with React itself, so I'll have to do some studying first. Thanks!