Cesium-hooks NPM

Cesium Hooks

一个用于 Cesium + React 应用的 Hooks 库，简化 Cesium 在 React 中的集成。

开始

npx create-react-app my-app
# use vite+react
npm i cesium vite-plugin-cesium cesium-hooks

vite.config.mts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import cesium from 'vite-plugin-cesium'
import path from "path"

export default defineConfig({
  plugins: [react(), cesium()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  }
})

hello world

import { useCesium } from 'cesium-hooks';

function App() {
  const { cesiumContainerRef, viewer } = useCesium('YOUR_CESIUM_ION_TOKEN');
  
  return (
    <div 
      ref={cesiumContainerRef} 
      style={{ width: '100vw', height: '100vh' }} 
    />
  );
}