terriajs/dist/ReactViews/Map/MapNavigation/registerMapNavigations.js

Geospatial data visualization platform.

import { jsx as _jsx } from "react/jsx-runtime";
import { runInAction } from "mobx";
import AugmentedVirtuality from "../../../Models/AugmentedVirtuality";
import ViewerMode from "../../../Models/ViewerMode";
import { GLYPHS } from "../../../Styled/Icon";
import { GenericMapNavigationItemController } from "../../../ViewModels/MapNavigation/MapNavigationItemController";
import { FeedbackButtonController, FEEDBACK_TOOL_ID } from "../../Feedback/FeedbackButtonController";
import PedestrianMode, { PEDESTRIAN_MODE_ID } from "../../Tools/PedestrianMode/PedestrianMode";
import { ToolButtonController } from "../../Tools/Tool";
import { AR_TOOL_ID, AugmentedVirtualityController, AugmentedVirtualityHoverController, AugmentedVirtualityRealign, AugmentedVirtualityRealignController, Compass, COMPASS_TOOL_ID, MeasureTool, MyLocation, ToggleSplitterController, ZoomControl, ZOOM_CONTROL_ID } from "./Items";
export const registerMapNavigations = (viewState) => {
    const terria = viewState.terria;
    const mapNavigationModel = terria.mapNavigationModel;
    const compassController = new GenericMapNavigationItemController({
        viewerMode: ViewerMode.Cesium,
        icon: GLYPHS.compassInnerArrows
    });
    compassController.pinned = true;
    mapNavigationModel.addItem({
        id: COMPASS_TOOL_ID,
        name: "translate#compass",
        controller: compassController,
        location: "TOP",
        order: 1,
        screenSize: "medium",
        render: _jsx(Compass, { terria: terria, viewState: viewState })
    });
    const zoomToolController = new GenericMapNavigationItemController({
        viewerMode: undefined,
        icon: GLYPHS.zoomIn
    });
    zoomToolController.pinned = true;
    mapNavigationModel.addItem({
        id: ZOOM_CONTROL_ID,
        name: "translate#zoom",
        controller: zoomToolController,
        location: "TOP",
        order: 2,
        screenSize: "medium",
        render: _jsx(ZoomControl, { terria: terria })
    });
    const myLocation = new MyLocation({ terria });
    mapNavigationModel.addItem({
        id: MyLocation.id,
        name: "translate#location.location",
        title: "translate#location.centreMap",
        location: "TOP",
        controller: myLocation,
        screenSize: undefined,
        order: 3
    });
    const toggleSplitterController = new ToggleSplitterController(viewState);
    mapNavigationModel.addItem({
        id: ToggleSplitterController.id,
        name: "translate#splitterTool.toggleSplitterToolTitle",
        title: runInAction(() => toggleSplitterController.disabled
            ? "translate#splitterTool.toggleSplitterToolDisabled"
            : "translate#splitterTool.toggleSplitterTool"),
        location: "TOP",
        controller: toggleSplitterController,
        screenSize: undefined,
        order: 4
    });
    const measureTool = new MeasureTool({
        terria,
        onClose: () => {
            runInAction(() => {
                viewState.panel = undefined;
            });
        }
    });
    mapNavigationModel.addItem({
        id: MeasureTool.id,
        name: "translate#measure.measureToolTitle",
        title: "translate#measure.measureDistance",
        location: "TOP",
        controller: measureTool,
        screenSize: undefined,
        order: 6
    });
    const pedestrianModeToolController = new ToolButtonController({
        toolName: PEDESTRIAN_MODE_ID,
        viewState: viewState,
        getToolComponent: () => PedestrianMode,
        icon: GLYPHS.pedestrian
    });
    mapNavigationModel.addItem({
        id: PEDESTRIAN_MODE_ID,
        name: "translate#pedestrianMode.toolButtonTitle",
        title: "translate#pedestrianMode.toolButtonTitle",
        location: "TOP",
        screenSize: "medium",
        controller: pedestrianModeToolController,
        order: 5
    });
    const augmentedVirtuality = new AugmentedVirtuality(terria);
    const arController = new AugmentedVirtualityController({
        terria: terria,
        viewState: viewState,
        augmentedVirtuality: augmentedVirtuality
    });
    mapNavigationModel.addItem({
        id: AR_TOOL_ID,
        name: "translate#AR.arTool",
        location: "TOP",
        screenSize: "small",
        controller: arController,
        order: 0,
        noExpand: true
    });
    const arControllerHover = new AugmentedVirtualityHoverController({
        augmentedVirtuality: augmentedVirtuality
    });
    mapNavigationModel.addItem({
        id: `${AR_TOOL_ID}_hover`,
        name: "translate#AR.btnHover",
        location: "TOP",
        screenSize: "small",
        controller: arControllerHover,
        order: 1,
        noExpand: true
    });
    const arRealignController = new AugmentedVirtualityRealignController({
        terria: terria,
        viewState: viewState,
        augmentedVirtuality: augmentedVirtuality
    });
    mapNavigationModel.addItem({
        id: `${AR_TOOL_ID}_realign`,
        name: runInAction(() => augmentedVirtuality.manualAlignmentSet
            ? "translate#AR.btnRealign"
            : "translate#AR.btnResetRealign"),
        location: "TOP",
        screenSize: "small",
        controller: arRealignController,
        render: (_jsx(AugmentedVirtualityRealign, { arRealignController: arRealignController })),
        order: 1,
        noExpand: true
    });
    const feedbackController = new FeedbackButtonController(viewState);
    mapNavigationModel.addItem({
        id: FEEDBACK_TOOL_ID,
        name: "translate#feedback.feedbackBtnText",
        title: "translate#feedback.feedbackBtnText",
        location: "BOTTOM",
        screenSize: "medium",
        controller: feedbackController,
        order: 8
    });
};
//# sourceMappingURL=registerMapNavigations.js.map