@reearth/core 0.0.7-alpha.12 → 0.0.7-alpha.14

package/dist/core.js

@@ -20,7 +20,7 @@ var zm = (t, n, o, s) => ({
 import * as React from "react";
 import React__default, { useRef, useCallback, useState, useEffect, useMemo, useImperativeHandle, useContext as useContext$1, useReducer, useDebugValue, createContext, useLayoutEffect, forwardRef, Component as Component$1, isValidElement, createElement, memo as memo$1, Suspense, useInsertionEffect, Fragment, useId } from "react";
 import * as Cesium$1 from "cesium";
-import { Color as Color$3, Math as Math$1, ScreenSpaceEventType, ScreenSpaceEventHandler, BillboardCollection, BillboardGraphics as BillboardGraphics$1, BoxGraphics as BoxGraphics$1, Cesium3DTileset, Cesium3DTilesetGraphics as Cesium3DTilesetGraphics$1, CesiumWidget, ClassificationPrimitive as ClassificationPrimitive$1, CloudCollection, CorridorGraphics as CorridorGraphics$1, CustomDataSource, CylinderGraphics as CylinderGraphics$1, CzmlDataSource, EllipseGraphics as EllipseGraphics$1, EllipsoidGraphics as EllipsoidGraphics$1, Entity as Entity$2, Fog, GeoJsonDataSource, GroundPolylinePrimitive as GroundPolylinePrimitive$1, GroundPrimitive as GroundPrimitive$1, ImageryLayer, KmlDataSource, LabelCollection, LabelGraphics as LabelGraphics$1, Model as Model$1, ModelGraphics as ModelGraphics$1, Moon, ParticleSystem, PathGraphics as PathGraphics$1, PlaneGraphics as PlaneGraphics$1, PointGraphics as PointGraphics$1, PointPrimitiveCollection, PolygonGraphics as PolygonGraphics$1, PolylineCollection, PolylineGraphics as PolylineGraphics$1, PolylineVolumeGraphics as PolylineVolumeGraphics$1, PostProcessStage, PostProcessStageLibrary, PostProcessStageComposite, Primitive as Primitive$1, RectangleGraphics as RectangleGraphics$1, Sun, TimeDynamicPointCloud, Viewer, WallGraphics as WallGraphics$1, SceneMode as SceneMode$2, Event as Event$2, EntityCluster, HorizontalOrigin as HorizontalOrigin$2, VerticalOrigin as VerticalOrigin$2, Cartesian3 as Cartesian3$1, ClockRange, JulianDate as JulianDate$1, ClockStep, CameraEventType, KeyboardEventModifier, Cartesian2 as Cartesian2$1, Ray as Ray$1, Cartographic as Cartographic$1, BoundingSphere as BoundingSphere$1, HeadingPitchRange, Matrix4 as Matrix4$1, PerspectiveFrustum, IntersectionTests as IntersectionTests$1, OrthographicOffCenterFrustum as OrthographicOffCenterFrustum$1, Cesium3DTileColorBlendMode, ShadowMode as ShadowMode$2, Quaternion as Quaternion$1, Matrix3 as Matrix3$1, EllipsoidTerrainProvider, sampleTerrainMostDetailed, Plane as Plane$1, ColorBlendMode, HeightReference as HeightReference$2, ClassificationType as ClassificationType$2, CesiumTerrainProvider, IonResource, ArcGISTiledElevationTerrainProvider, IonImageryProvider, IonWorldImageryStyle, OpenStreetMapImageryProvider, ArcGisMapServerImageryProvider, UrlTemplateImageryProvider, DiscardEmptyTileImagePolicy as DiscardEmptyTileImagePolicy$1, TextureMagnificationFilter as TextureMagnificationFilter$2, TextureMinificationFilter as TextureMinificationFilter$2, SceneTransforms as SceneTransforms$1, WebMercatorTilingScheme as WebMercatorTilingScheme$1, Cesium3DTileFeature, Cesium3DTilePointFeature, PropertyBag as PropertyBag$1, TimeIntervalCollection, TimeInterval, Iso8601, DistanceDisplayCondition, CallbackProperty as CallbackProperty$1, ColorMaterialProperty as ColorMaterialProperty$1, ArcType as ArcType$2, ImageryLayerFeatureInfo, HeadingPitchRoll as HeadingPitchRoll$1, Transforms as Transforms$1, Axis, TranslationRotationScale as TranslationRotationScale$1, PolylineDashMaterialProperty as PolylineDashMaterialProperty$1, PerInstanceColorAppearance as PerInstanceColorAppearance$1, Material as Material$1, VertexFormat as VertexFormat$1, GeometryAttribute as GeometryAttribute$1, ComponentDatatype as ComponentDatatype$2, FrustumGeometry, GeometryInstance as GeometryInstance$1, Rectangle as Rectangle$1, PolygonGeometry, EllipsoidSurfaceAppearance, Intersect as Intersect$2, CustomShader, CustomShaderMode, LightingModel, CustomShaderTranslucencyMode, ImageBasedLighting, EasingFunction, PolygonHierarchy as PolygonHierarchy$1, Credit, WindingOrder as WindingOrder$2, TileMapServiceImageryProvider, WebMapServiceImageryProvider, ClippingPlane, ClippingPlaneCollection, Cesium3DTileStyle, defaultValue as defaultValue$2, Resource as Resource$2, GoogleMaps, Camera, EllipsoidGeodesic as EllipsoidGeodesic$1, PerspectiveOffCenterFrustum, BoundingRectangle as BoundingRectangle$1, Ellipsoid as Ellipsoid$2, SunLight, DirectionalLight, Ion, PostProcessStageSampleMode } from "cesium";
+import { Color as Color$3, Math as Math$1, ScreenSpaceEventType, ScreenSpaceEventHandler, BillboardCollection, BillboardGraphics as BillboardGraphics$1, BoxGraphics as BoxGraphics$1, Cesium3DTileset, Cesium3DTilesetGraphics as Cesium3DTilesetGraphics$1, CesiumWidget, ClassificationPrimitive as ClassificationPrimitive$1, CloudCollection, CorridorGraphics as CorridorGraphics$1, CustomDataSource, CylinderGraphics as CylinderGraphics$1, CzmlDataSource, EllipseGraphics as EllipseGraphics$1, EllipsoidGraphics as EllipsoidGraphics$1, Entity as Entity$2, Fog, GeoJsonDataSource, GroundPolylinePrimitive as GroundPolylinePrimitive$1, GroundPrimitive as GroundPrimitive$1, ImageryLayer, KmlDataSource, LabelCollection, LabelGraphics as LabelGraphics$1, Model as Model$1, ModelGraphics as ModelGraphics$1, Moon, ParticleSystem, PathGraphics as PathGraphics$1, PlaneGraphics as PlaneGraphics$1, PointGraphics as PointGraphics$1, PointPrimitiveCollection, PolygonGraphics as PolygonGraphics$1, PolylineCollection, PolylineGraphics as PolylineGraphics$1, PolylineVolumeGraphics as PolylineVolumeGraphics$1, PostProcessStage, PostProcessStageLibrary, PostProcessStageComposite, Primitive as Primitive$1, RectangleGraphics as RectangleGraphics$1, Sun, TimeDynamicPointCloud, Viewer, WallGraphics as WallGraphics$1, SceneMode as SceneMode$2, Event as Event$2, EntityCluster, HorizontalOrigin as HorizontalOrigin$2, VerticalOrigin as VerticalOrigin$2, Cartesian3 as Cartesian3$1, ClockRange, JulianDate as JulianDate$1, ClockStep, CameraEventType, KeyboardEventModifier, Cartesian2 as Cartesian2$1, Ray as Ray$1, Cartographic as Cartographic$1, BoundingSphere as BoundingSphere$1, HeadingPitchRange, Matrix4 as Matrix4$1, PerspectiveFrustum, IntersectionTests as IntersectionTests$1, OrthographicOffCenterFrustum as OrthographicOffCenterFrustum$1, Cesium3DTileColorBlendMode, ShadowMode as ShadowMode$2, Quaternion as Quaternion$1, Matrix3 as Matrix3$1, EllipsoidTerrainProvider, sampleTerrainMostDetailed, Plane as Plane$1, ColorBlendMode, HeightReference as HeightReference$2, ClassificationType as ClassificationType$2, CesiumTerrainProvider, IonResource, ArcGISTiledElevationTerrainProvider, IonImageryProvider, IonWorldImageryStyle, OpenStreetMapImageryProvider, ArcGisMapServerImageryProvider, UrlTemplateImageryProvider, DiscardEmptyTileImagePolicy as DiscardEmptyTileImagePolicy$1, TextureMagnificationFilter as TextureMagnificationFilter$2, TextureMinificationFilter as TextureMinificationFilter$2, SceneTransforms as SceneTransforms$1, DistanceDisplayCondition, WebMercatorTilingScheme as WebMercatorTilingScheme$1, Cesium3DTileFeature, Cesium3DTilePointFeature, PropertyBag as PropertyBag$1, TimeIntervalCollection, TimeInterval, Iso8601, CallbackProperty as CallbackProperty$1, ColorMaterialProperty as ColorMaterialProperty$1, ArcType as ArcType$2, ImageryLayerFeatureInfo, HeadingPitchRoll as HeadingPitchRoll$1, Transforms as Transforms$1, Axis, TranslationRotationScale as TranslationRotationScale$1, PolylineDashMaterialProperty as PolylineDashMaterialProperty$1, PerInstanceColorAppearance as PerInstanceColorAppearance$1, Material as Material$1, VertexFormat as VertexFormat$1, GeometryAttribute as GeometryAttribute$1, ComponentDatatype as ComponentDatatype$2, FrustumGeometry, GeometryInstance as GeometryInstance$1, Rectangle as Rectangle$1, PolygonGeometry, EllipsoidSurfaceAppearance, Intersect as Intersect$2, CustomShader, CustomShaderMode, LightingModel, CustomShaderTranslucencyMode, ImageBasedLighting, EasingFunction, PolygonHierarchy as PolygonHierarchy$1, Credit, WindingOrder as WindingOrder$2, TileMapServiceImageryProvider, WebMapServiceImageryProvider, ClippingPlane, ClippingPlaneCollection, Cesium3DTileStyle, defaultValue as defaultValue$2, Resource as Resource$2, GoogleMaps, Camera, EllipsoidGeodesic as EllipsoidGeodesic$1, PerspectiveOffCenterFrustum, BoundingRectangle as BoundingRectangle$1, Ellipsoid as Ellipsoid$2, SunLight, DirectionalLight, Ion, PostProcessStageSampleMode } from "cesium";
 import "react-dom";
 var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function getDefaultExportFromCjs(t) {
@@ -1067,11 +1067,6 @@ const useImage = (t) => {
       s(n.current);
     }, c.src = t, n.current = c;
   }, [t]), o;
-}, useCanvas = (t) => {
-  const n = useMemo(() => document.createElement("canvas"), []), [o, s] = useState("");
-  return useEffect(() => {
-    t(n), s(n.toDataURL());
-  }, [n, t]), o;
 };
 function useFirstMountState() {
   var t = useRef(!0);
@@ -22696,9 +22691,10 @@ const rangeTypes = {
       modifier: KeyboardEventModifier.SHIFT
     }
   ]
-}, layerIdField = "__reearth_layer_id", defaultImageSize = 50, drawIcon = (t, n, o, s, c = "none", d = !1, h = "rgba(0, 0, 0, 0.7)", p = 3, y = 0, E = 0) => {
-  const L = t.getContext("2d");
-  !n || !L || (L.save(), t.width = o + p, t.height = s + p, L.shadowBlur = p, L.shadowOffsetX = y, L.shadowOffsetY = E, L.globalCompositeOperation = "source-over", L.clearRect(0, 0, t.width, t.height), L.drawImage(n, (t.width - o) / 2, (t.height - s) / 2, o, s), c === "circle" ? (L.fillStyle = "black", L.globalCompositeOperation = "destination-in", L.arc(o / 2, s / 2, Math.min(o, s) / 2, 0, 2 * Math.PI), L.fill(), d && (L.shadowColor = h, L.globalCompositeOperation = "destination-over", L.fillStyle = "black", L.arc(o / 2, s / 2, Math.min(o, s) / 2, 0, 2 * Math.PI), L.fill())) : d && (L.shadowColor = h, L.globalCompositeOperation = "destination-over", L.fillStyle = "black", L.rect((t.width - o) / 2, (t.height - s) / 2, o, s), L.fill()), L.restore());
+}, layerIdField = "__reearth_layer_id", defaultImageSize = 50, drawIcon = (t, n, o, s = "none", c = !1, d = "rgba(0, 0, 0, 0.7)", h = 3, p = 0, y = 0) => {
+  const E = document.createElement("canvas"), L = E.getContext("2d");
+  if (!(!t || !L))
+    return L.save(), E.width = n + h, E.height = o + h, L.shadowBlur = h, L.shadowOffsetX = p, L.shadowOffsetY = y, L.globalCompositeOperation = "source-over", L.clearRect(0, 0, E.width, E.height), L.drawImage(t, (E.width - n) / 2, (E.height - o) / 2, n, o), s === "circle" ? (L.fillStyle = "black", L.globalCompositeOperation = "destination-in", L.arc(n / 2, o / 2, Math.min(n, o) / 2, 0, 2 * Math.PI), L.fill(), c && (L.shadowColor = d, L.globalCompositeOperation = "destination-over", L.fillStyle = "black", L.arc(n / 2, o / 2, Math.min(n, o) / 2, 0, 2 * Math.PI), L.fill())) : c && (L.shadowColor = d, L.globalCompositeOperation = "destination-over", L.fillStyle = "black", L.rect((E.width - n) / 2, (E.height - o) / 2, n, o), L.fill()), L.restore(), E.toDataURL();
 }, useIcon = ({
   image: t,
   imageSize: n,
@@ -22709,11 +22705,11 @@ const rangeTypes = {
   shadowOffsetX: h,
   shadowOffsetY: p
 }) => {
-  const y = useImage(t), E = y ? typeof n == "number" ? Math.floor(y.width * n) : Math.min(defaultImageSize, y.width) : 0, L = y ? Math.floor(typeof n == "number" ? y.height * n : E / y.width * y.height) : 0, F = useCallback(
-    (z) => drawIcon(z, y, E, L, o, s, c, d, h, p),
+  const y = useImage(t), E = y ? typeof n == "number" ? Math.floor(y.width * n) : Math.min(defaultImageSize, y.width) : 0, L = y ? Math.floor(typeof n == "number" ? y.height * n : E / y.width * y.height) : 0;
+  return [useMemo(
+    () => drawIcon(y, E, L, o, s, c, d, h, p),
     [o, L, y, s, d, c, h, p, E]
-  );
-  return [useCanvas(F), E, L];
+  ) ?? "", E, L];
 }, ho$1 = (t) => ({
   left: HorizontalOrigin$2.LEFT,
   center: HorizontalOrigin$2.CENTER,
@@ -62319,84 +62315,87 @@ const JapanGSIOptimalBVmapLabelImagery = memo$1(
     descendants: o,
     height: s = 50,
     style: c = defaultStyle,
-    labelCollection: d
+    labelCollection: d,
+    near: h,
+    far: p
   }) => {
-    const h = $e$1(), p = suspend(
+    const y = $e$1(), E = suspend(
       async () => await t.tileCache.get(getTileCoords(n, 16)),
       [JapanGSIOptimalBVmapLabelImagery, n.key]
-    ), y = useMemo(
+    ), L = useMemo(
       () => t.tilingScheme.tileXYToRectangle(n.x, n.y, n.level),
       [t, n]
-    ), E = useMemo(
+    ), F = useMemo(
       () => o == null ? void 0 : o.map(
-        (W) => t.tilingScheme.tileXYToRectangle(
-          W.x,
-          W.y,
-          W.level
+        (lt) => t.tilingScheme.tileXYToRectangle(
+          lt.x,
+          lt.y,
+          lt.level
         )
       ),
       [t, o]
-    ), L = useMemo(() => {
-      const W = p.get("Anno");
-      return W == null ? [] : W.filter(
-        (nt) => typeof nt.props.vt_code == "number" && // Look for annotations with 3-digits code only.
+    ), N = useMemo(() => {
+      const lt = E.get("Anno");
+      return lt == null ? [] : lt.filter(
+        (Ee) => typeof Ee.props.vt_code == "number" && // Look for annotations with 3-digits code only.
         // https://maps.gsi.go.jp/help/pdf/vector/optbv_featurecodes.pdf
-        `${nt.props.vt_code}`.length === 3 && typeof nt.props.vt_text == "string" && (nt.props.vt_arrng == null || typeof nt.props.vt_arrng == "number") && (nt.props.vt_arrngagl == null || typeof nt.props.vt_arrngagl == "number") && // `vt_flag17` property determines the visibility of features inside
+        `${Ee.props.vt_code}`.length === 3 && typeof Ee.props.vt_text == "string" && (Ee.props.vt_arrng == null || typeof Ee.props.vt_arrng == "number") && (Ee.props.vt_arrngagl == null || typeof Ee.props.vt_arrngagl == "number") && // `vt_flag17` property determines the visibility of features inside
         // tiles at level 16.
         // https://maps.gsi.go.jp/help/pdf/vector/optbv_attribute.pdf
-        (n.level < 16 || n.level === 16 && nt.props.vt_flag17 !== 2 || n.level === 17 && nt.props.vr_flag17 !== 0)
+        (n.level < 16 || n.level === 16 && Ee.props.vt_flag17 !== 2 || n.level === 17 && Ee.props.vr_flag17 !== 0)
       );
-    }, [p, n]), F = useRef(), N = h == null ? void 0 : h.scene, z = useCallback(() => {
-      const W = F.current;
-      W != null && (W.forEach(([nt, lt]) => {
-        var yt;
-        const Ee = getPosition(
+    }, [E, n]), z = useRef(), oe = y == null ? void 0 : y.scene, W = useCallback(() => {
+      const lt = z.current;
+      lt != null && (lt.forEach(([Ee, yt]) => {
+        var zi;
+        const pi = getPosition(
           n,
-          nt,
-          y,
-          E,
+          Ee,
+          L,
+          F,
           t.tileCache.tileSize,
           s,
-          (yt = N == null ? void 0 : N.globe) == null ? void 0 : yt.ellipsoid,
+          (zi = oe == null ? void 0 : oe.globe) == null ? void 0 : zi.ellipsoid,
           positionScratch$1
         );
-        Ee != null ? (lt.position = Ee, lt.show = !0) : lt.show = !1;
-      }), N == null || N.requestRender());
-    }, [t, n, s, y, E, N]), oe = useRef(z);
-    return oe.current = z, useEffect(() => {
-      if (!N || !d)
+        pi != null ? (yt.position = pi, yt.show = !0) : yt.show = !1;
+      }), oe == null || oe.requestRender());
+    }, [t, n, s, L, F, oe]), nt = useRef(W);
+    return nt.current = W, useEffect(() => {
+      if (!oe || !d)
         return;
-      const W = [], nt = L.map((Ee) => {
-        const yt = resolveStyle(Ee.props.vt_code, c);
-        if (yt == null)
+      const lt = [], Ee = N.map((pi) => {
+        const zi = resolveStyle(pi.props.vt_code, c);
+        if (zi == null)
           return;
-        const pi = Ee.props.vt_text;
-        if (W.includes(pi))
+        const ha = pi.props.vt_text;
+        if (lt.includes(ha))
           return;
-        W.push(pi);
-        const zi = {
-          text: pi,
+        lt.push(ha);
+        const ba = {
+          text: ha,
           style: LabelStyle$1.FILL_AND_OUTLINE,
           horizontalOrigin: HorizontalOrigin$1.CENTER,
           verticalOrigin: VerticalOrigin$1.BOTTOM,
           heightReference: HeightReference$1.CLAMP_TO_GROUND,
+          distanceDisplayCondition: h || p ? new DistanceDisplayCondition(h, p) : void 0,
           disableDepthTestDistance: 1 / 0,
-          ...yt
+          ...zi
         };
-        return [Ee, d.add(zi)];
+        return [pi, d.add(ba)];
       }).filter(isNotNullish);
-      F.current = nt, oe.current();
-      const lt = () => {
-        d.isDestroyed() || nt.forEach(([, Ee]) => {
-          d.remove(Ee);
-        }), N.isDestroyed() || N == null || N.postRender.removeEventListener(lt);
+      z.current = Ee, nt.current();
+      const yt = () => {
+        d.isDestroyed() || Ee.forEach(([, pi]) => {
+          d.remove(pi);
+        }), oe.isDestroyed() || oe == null || oe.postRender.removeEventListener(yt);
       };
       return () => {
-        F.current = void 0, N.isDestroyed() || N == null || N.postRender.addEventListener(lt);
+        z.current = void 0, oe.isDestroyed() || oe == null || oe.postRender.addEventListener(yt);
       };
-    }, [c, L, N, d]), useEffect(() => {
-      z();
-    }, [z]), null;
+    }, [c, N, oe, d, h, p]), useEffect(() => {
+      W();
+    }, [W]), null;
   }
 );
 JapanGSIOptimalBVmapLabelImagery.displayName = "JapanGSIOptimalBVmapLabelImagery";
@@ -62501,54 +62500,60 @@ function getImageriesToRender(t, n) {
     isEqualKeys(y, p.children) || (p.children = y), isEqualKeys(E, p.descendants) || (p.descendants = E);
   }), d.filter((p) => p.children != null && p.children.length < 4);
 }
-const LabelImageryCollection = ({ imageryProvider: t, imageriesAtom: n, style: o, labelCollection: s }) => {
-  const c = useAtomValue(n);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: c.map((d) => /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+const LabelImageryCollection = ({ imageryProvider: t, imageriesAtom: n, style: o, labelCollection: s, near: c, far: d }) => {
+  const h = useAtomValue(n);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: h.map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     JapanGSIOptimalBVmapLabelImagery,
     {
       imageryProvider: t,
-      imagery: d,
-      descendants: d.descendants,
+      imagery: p,
+      descendants: p.descendants,
       style: o,
-      labelCollection: s
-    }
-  ) }, d.key)) });
-}, JapanGSIOptimalBVmapVectorMapLabel = ({ style: t }) => {
-  const [n, o] = useState(), s = useCallback((F) => {
-    var N;
-    o(
-      ((N = F == null ? void 0 : F.cesiumElement) == null ? void 0 : N.imageryProvider) instanceof JapanGSIOptimalBVmapLabelImageryProvider ? F.cesiumElement.imageryProvider : void 0
+      labelCollection: s,
+      near: c,
+      far: d
+    }
+  ) }, p.key)) });
+}, JapanGSIOptimalBVmapVectorMapLabel = ({
+  style: t,
+  near: n,
+  far: o
+}) => {
+  const [s, c] = useState(), d = useCallback((z) => {
+    var oe;
+    c(
+      ((oe = z == null ? void 0 : z.cesiumElement) == null ? void 0 : oe.imageryProvider) instanceof JapanGSIOptimalBVmapLabelImageryProvider ? z.cesiumElement.imageryProvider : void 0
     );
-  }, []), c = useMemo(() => {
-    const F = atom([]);
+  }, []), h = useMemo(() => {
+    const z = atom([]);
     return atom(
-      (N) => N(F),
-      (N, z, oe) => {
-        const W = N(F), nt = typeof oe == "function" ? oe(W) : oe;
-        W.length !== nt.length && xorBy(W, nt, "key").length > 0 && z(F, nt);
+      (oe) => oe(z),
+      (oe, W, nt) => {
+        const lt = oe(z), Ee = typeof nt == "function" ? nt(lt) : nt;
+        lt.length !== Ee.length && xorBy(lt, Ee, "key").length > 0 && W(z, Ee);
       }
     );
-  }, []), d = useSetAtom(c);
-  usePreRender((F) => {
-    if (n == null)
+  }, []), p = useSetAtom(h);
+  usePreRender((z) => {
+    if (s == null)
       return;
-    const N = getImageriesToRender(F, n);
-    d(N);
+    const oe = getImageriesToRender(z, s);
+    p(oe);
   });
-  const { labelCollection: h, scene: p } = $e$1(), y = useRef(!1), E = useMemo(() => h ?? (p ? new LabelCollection({ scene: p }) : void 0), [p, h]);
+  const { labelCollection: y, scene: E } = $e$1(), L = useRef(!1), F = useMemo(() => y ?? (E ? new LabelCollection({ scene: E }) : void 0), [E, y]);
   useEffect(() => {
-    !h && p && !y.current && (p.primitives.add(E), y.current = !0);
-  }, [h, E, p]);
-  const L = useRef(0);
-  return usePreRender((F) => {
-    E && L.current !== E._labelsToUpdate.length && (F.requestRender(), L.current = E._labelsToUpdate.length);
+    !y && E && !L.current && (E.primitives.add(F), L.current = !0);
+  }, [y, F, E]);
+  const N = useRef(0);
+  return usePreRender((z) => {
+    F && N.current !== F._labelsToUpdate.length && (z.requestRender(), N.current = F._labelsToUpdate.length);
   }), useEffect(() => () => {
-    p != null && p.isDestroyed() || p == null || p.requestRender();
-  }, [p]), /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    E != null && E.isDestroyed() || E == null || E.requestRender();
+  }, [E]), /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       LabelImageryLayer,
       {
-        ref: s,
+        ref: d,
         url: "https://cyberjapandata.gsi.go.jp/xyz/optimal_bvmap-v1/{z}/{x}/{y}.pbf",
         tileWidth: 1024,
         tileHeight: 1024,
@@ -62557,13 +62562,15 @@ const LabelImageryCollection = ({ imageryProvider: t, imageriesAtom: n, style: o
         maximumDataLevel: 16
       }
     ),
-    n != null && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    s != null && /* @__PURE__ */ jsxRuntimeExports.jsx(
       LabelImageryCollection,
       {
-        imageryProvider: n,
-        imageriesAtom: c,
+        imageryProvider: s,
+        imageriesAtom: h,
         style: t,
-        labelCollection: E
+        labelCollection: F,
+        near: n,
+        far: o
       }
     )
   ] });
@@ -62573,7 +62580,15 @@ const LabelImageryCollection = ({ imageryProvider: t, imageriesAtom: n, style: o
       return null;
     switch (n.labelType) {
       case "japan_gsi_optimal_bvmap":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(JapanGSIOptimalBVmapVectorMapLabel, { style: n.style }, n.id);
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          JapanGSIOptimalBVmapVectorMapLabel,
+          {
+            style: n.style,
+            near: n.near,
+            far: n.far
+          },
+          n.id
+        );
       default:
         return null;
     }
@@ -86056,7 +86071,7 @@ function Error$1({ error: t, resetErrorBoundary: n }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: { color: "#fff" }, onClick: n, children: "Retry" }) })
   ] });
 }
-const version = "0.0.7-alpha.12", useCoreAPI = ({ viewerProperty: t }) => {
+const version = "0.0.7-alpha.14", useCoreAPI = ({ viewerProperty: t }) => {
   const n = useRef(t);
   n.current = t;
   const o = useMemo(