felixpalmer / procedural-gl-react Goto Github PK

  const aref = useRef();

  const featureCollection = {
    type: 'FeatureCollection',
    features: [
      {
        geometry: {
          type: 'Point',
          coordinates: [13.6, 47.23, 2500],
        },
        type: 'Feature',
        id: 0,
        properties: {
          image: './blue-dot.png',
        },
      },
    ],
  };

  useEffect(() => {
    console.log(aref);
    if (aref.current) {
      // @ts-ignore
      aref.current.addOverlay(featureCollection);
      console.log('addd');
      // @ts-ignore
      // aref.current.onOverlayAdded = function (name) {
      //   console.log('Overlay added:', name);
      // };
    }
  }, [aref]);

...

 <ProceduralMap
        ref={aref}
        datasource={datasource}
        compassVisible={false}
        displayLocation={{
          latitude: 47.23,
          longitude: 13.6,
        }}
      />