How to set dynamic coordinates on React map gl viewport

Asked Aug 25 '21 at 08:18

Active Aug 25 '21 at 11:30

Viewed 292 times

Im using React Map Gl to display maps on my app and right now I would like to add dynamic coordinates to show a place according to what was chosen. I cant see a way of doing that, i can only put the exact coordinates in the viewport

  const [viewport, setViewport] = useState({
    width: "93vw",
    height: "35vh",
    latitude: -25.96628484128926,
    longitude: 32.595740826311584,
    zoom: 10,
  });

I tried to set the viewport state

 setViewport({ ...viewport, latitude: lat, longitude: lon });

And im getting a "@math.gl/web-mercator: assertion failed" error

Is there a way of solving this issue? Thanks in advance

edited Aug 25 '21 at 11:30

asked Aug 25 '21 at 08:18

Rowan Frank

do you have these dynamic data in another state/variable? if so can you set it to the viewport state? – Lucas Bazetto Aug 25 '21 at 09:22
Yes, i tried setViewport({ ...viewport, latitude: lat }); setViewport({ ...viewport, longitude: lon }); but have a too many renders error – Rowan Frank Aug 25 '21 at 09:44
could you add the errors to the post? thanks – Lucas Bazetto Aug 25 '21 at 09:51

How to set dynamic coordinates on React map gl viewport

0 Answers0