Variable CanvasConst

Example

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

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