Resium
Home
Installation
Getting StartedGuide
Components
ExamplesAdvancedGet Cesium context with your componentDefine a new Cesium componentMigration GuideContributionGitHub

Advanced

Get Cesium context with your component

useCesium hooks is available with Resium:

import { useCesium } from "resium";
const ExampleComponent = () => {
const { viewer } = useCesium();
return <p>Cesium Viewer object is{viewer ? "" : " not"} provided here.</p>;
};
export default ExampleComponent;

In TypeScript:

import { Viewer } from "cesium";
import { useCesium } from "resium";
const ExampleComponent = () => {
const { viewer } = useCesium();
return <p>Cesium Viewer object is{viewer ? "" : " not"} provided here.</p>;
};
export default ExampleComponent;

Structure of the context is here.

Define a new Cesium component

createCesiumComponent function is available in Resium. For details refer to source codes of components in src directory.