This HTML component visualizes the trajectories of a well side-by-side according to the measured depth. It shows
each wellbore from its kickoff depth to the terminal end point.
The well map supports various interactions, which can be used to control selection and camera position/focus.
You can customize colors by providing a color dictionary or color selection function via the colors prop.
For other colors, use the theme prop.
Example
<WellMapwellIdentifier="NO 16/2-D-1" />
Remarks
The WellMap must be placed as a child of the DataProvider component, but outside of the R3F fiber Canvas component.
This HTML component visualizes the trajectories of a well side-by-side according to the measured depth. It shows each wellbore from its kickoff depth to the terminal end point.
The well map supports various interactions, which can be used to control selection and camera position/focus. You can customize colors by providing a color dictionary or color selection function via the
colorsprop.For other colors, use the
themeprop.Example
Remarks
The WellMap must be placed as a child of the
DataProvidercomponent, but outside of the R3F fiberCanvascomponent.See