NextJS 14 and maps...

[ttsoares]

After tried a lot of different map libraries... this seems to be the one friendliest to the newer versions of NextJS (14.04).
As I'm starting small here, just need to place more than one Marker on the map.
So:

const MyMap = () => {
  return (
    <Map
      initialViewState={{
        longitude: -122.4,
        latitude: 37.8,
        zoom: 14,
      }}
      style={{ width: 800, height: 600 }}
      mapStyle="https://api.maptiler.com/maps/streets/style.json?key=abababababbababababab"
    >
      <Marker longitude={-122.4} latitude={37.8} color="red" />
      <Marker longitude={-122.2} latitude={37.6} color="black" />
    </Map>
  );
};

Why only the red marker in visible ?

[ttsoares]

My mistake, :-( The markers are there... but outside the window as the zoom was too small...