Module @wendylabsinc/react-three-map

Example

import "mapbox-gl/dist/mapbox-gl.css";
import Map from "react-map-gl/mapbox";
import { Canvas, Coordinates, useMap, coordsToVector3 } from "@wendylabsinc/react-three-map";

function App() {
  return (
    <Map
      mapboxAccessToken="YOUR_TOKEN"
      initialViewState={{ latitude: 40.7128, longitude: -74.006, zoom: 15 }}
      mapStyle="mapbox://styles/mapbox/dark-v11"
    >
      <Canvas latitude={40.7128} longitude={-74.006}>
        <mesh>
          <boxGeometry args={[100, 100, 100]} />
          <meshStandardMaterial color="red" />
        </mesh>
      </Canvas>
    </Map>
  );
}
Copy