@RequestMapping(value = "/search", method = RequestMethod.GET)
@ApiOperation(value = "条件付き経路探索を実施します", notes = "条件付き経路探索を実施")
@ResponseBody
@ApiResponses(value ={
           @ApiResponse(code = 400, message = "リクエストパラメータが不正の場合.または開始・終了ノードがリクエスト地点から一定範囲内に存在しない場合.", response = ResponseError.class),
           @ApiResponse(code = 404, message = "経路が見つからなかった場合", response = ResponseError.class),
           @ApiResponse(code = 500, message = "処理時にエラーが発生した場合", response = ResponseError.class) })
public RouteSearchResultForm routeSearch(@RequestParam("start") String start,@RequestParam("end") String end, @RequestParam("condition") Integer condition) {

SELECT
   CAST(node_id AS integer) AS node_id
   , ST_Distance(
            t1.geom
         , ST_Transform(ST_GeomFromText(:wkt, :viewEPSG), :dataEPSG)) AS distance
FROM
node_3d AS t1
ORDER BY distance asc Limit :limit

SELECT id AS seq, cast(link_id AS integer) AS id, cast(start_id AS integer) AS source,
cast(end_id AS integer) AS target, $edge_column AS cost
FROM link_3d WHERE link_id is not NULL

SELECT ROW_NUMBER() OVER(ORDER BY united.geom ASC) AS result_id, :priority AS priority,
-- （3） （2）のジオメトリを GeoJSON 形式に変換し、総距離を求める
ST_AsGeoJSON(ST_Transform(united.geom, :srid)) AS geojson, ST_Length(united.geom) AS distance FROM
(
        -- （2） （1）で取得したジオメトリを 1 つのジオメトリにまとめる
       SELECT
             ST_LineMerge(ST_UNION(res.geom)) AS geom
       FROM
       (
              --- （1） pgr_dijkstra 関数で最短経路となるリンクの組み合わせを取得
              SELECT
                      t1.seq
                      , t1
                      , edge
                      , t2.geom as geom
              FROM
              pgr_dijkstra(
                      :edge_sql
                      , :start_node_id
                      , :end_node_id
                      , directed ¥¥:= false
                      ) AS t1
              INNER JOIN link_3d AS t2
              ON t1.edge = cast(t2.link_id AS integer)
          ) as res
) AS united;

cd ･･･略･･･¥SRC

docker cp TerriaMap plateau_demo:/usr/local/work
docker cp terriajs plateau_demo:/usr/local/work/TerriaMap/packages/

docker exec -it plateau_demo /bin/bash

cd /usr/local/work/TerriaMap
yarn gulp
yarn start

constructor(props) {
    super(props);
    this.state = {
       viewState: props.viewState,
       terria: props.terria,
       isAnimatingOpen: true,
       routeStart: props.terria.routeStart,
       routeEnd: props.terria.routeEnd,
       routeItems: [
           { title: "最短のルート（健常者向け）" },
           { title: "階段・段差が少ないルート（車いす/杖・義手義足利用者向け）" },
           { title: "段差・勾配が少ないルート（高齢者・乳幼児むけ）" },
           { title: "点字ブロックを優先したルート（視覚障害者）" }
       ]
    };
}

import Config from "../../../../../customconfig.json";
・・・中略・・・
const routeStartArray = document.getElementById("routeStart").value.split(',');
const routeEndArray = document.getElementById("routeEnd").value.split(',');
const searchType = document.getElementById("searchType").value;
const viewparams = "?start=" + routeStartArray[1] + "," + routeStartArray[0] + "&end="routeEndArray[1] + "," + routeEndArray[0] + "&condition=" + searchType;
const apiUrl = Config.config.apiUrl + "/route/search" + viewparams;
const reg = /^¥d+.{1}¥d+/;
if (!reg.exec(routeStartArray[0]) || !reg.exec(routeStartArray[1])) {
   alert("開始地点の経緯度を正しく指定してください");
   return false;
}
if (!reg.exec(routeEndArray[0]) || !reg.exec(routeEndArray[1])) {
    alert("終了地点の経緯度を正しく指定してください");
    return false;
}
fetch(apiUrl)
    .then(res => res.json())
    .then(res => {
       if (res.result && JSON.parse(res.result) && JSON.parse(res.result).coordinates) {
console.log(res);                   
this.createCZMLTextAndWorkbenchAdd(JSON.parse(res.result).coordinates,JSON.parse(res.result).type);
       } else {
         if (res.status) {
           if (res.status == 400) {
              alert("指定した開始・終了地点の近辺に経路が見つかりませんでした。");
           } else if (res.status == 404) {
              alert("条件に合致した経路が見つかりませんでした。");
           } else {
              alert(res.status + "エラー 経路情報の取得に失敗しました");
           }
    } else {
      alert("経路情報の取得に失敗しました");
    }
    }
}).catch(error => {
 console.error('経路探索処理に失敗しました', error);
 alert('経路探索処理に失敗しました');
});

let czmlObj = [];
let positionsArrayArray = [];
const czmlTop = {
     id: "document",
     name: "line",
     version: "1.0"
};
czmlObj.push(czmlTop);
if (type == "MultiLineString") {
      // マルチラインの場合
     for (let i = 0; i < coordinates.length; i++) {
        let positionsArray = [];
        let coordArray = [];
        for (let j = 0; j < coordinates[i].length; j++) {
           coordArray.push(coordinates[i][j][0]);
           coordArray.push(coordinates[i][j][1]);
           positionsArray.push(
                Cartographic.fromDegrees(coordinates[i][j][0], coordinates[i][j][1]));
          //2D の JSON が来た場合高さ 0 でセットする。
         (coordinates[i][j].length == 3) ?
               coordArray.push(parseFloat(coordinates[i][j][2])) : coordArray.push(0);
          }
        let featureObj = {
             id: i + 1,
             name: "routeSearchResult",
             polyline: {
                "positions": {
                    "cartographicDegrees": coordArray,
                 },
                "material": {
                    "polylineOutline": {
                       "color": {
                          "rgba": [255, 165, 0, 255],
                        },
                        "outlineColor": {
                          "rgba": [0, 0, 0, 255],
                        },
                         "outlineWidth": 2,
                        },
                     },
                     "width": 5.0,
              }
          }
          czmlObj.push(featureObj);
          positionsArrayArray.push(positionsArray);
    }
} else {
     // シングルラインの場合
    ・・・中略・・・
}

sampleTerrainMostDetailed(terrainProvider, positions).then((updatedPositions) => {
      try{
            if (czmlObj[i + 1]?.polyline?.positions?.cartographicDegrees) {
                  for (let j = 2;
                          j < czmlObj[i + 1]?.polyline?.positions?.cartographicDegrees.length;
                            j = j + 3) {
                          let newHeight = parseFloat(updatedPositions[((j + 1) / 3) - 1].height);
                          czmlObj[i + 1].polyline.positions.cartographicDegrees[j] =
                                newHeight +
                               (parseFloat(czmlObj[i + 1].polyline.positions.cartographicDegrees[j]));
                   }
・・・中略・・・
             }
     }catch(error){
            console.error('処理に失敗しました', error);
     }
})

item.setTrait(CommonStrata.user, "name", "経路探索 " + routeItems[searchType - 1]?.title);
item.setTrait(CommonStrata.definition, "czmlString", JSON.stringify(czmlObj));
item.loadMapItems();
this.state.terria.workbench.add(item);

TerriaMap¥packages¥terriajs¥lib¥ReactViews¥Map¥RouteButton¥RouteButton.tsx

TerriaMap¥packages¥terriajs¥lib¥ReactViewModels¥ViewState.ts

// 経路探索
@observable showRouteMenu: boolean = false;
@observable routePanelExpanded: boolean = false;

//経路探索パネルの表示
@action
showRoutePanel() {
    //this.terria.analytics?.logEvent(Category.route, CustomAction.panelOpened);
   this.showRouteMenu = true;
   this.routePanelExpanded = false;
   this.terria.setMode(2);
   this.terria.setRouteStart("");
   this.terria.setRouteEnd("");
   this.setTopElement("RoutePanel");
}
//経路探索パネルの初期化
@action
clearRoutePanel() {
   this.terria.setMode(2);
   this.terria.setRouteStart("");
   this.terria.setRouteEnd("");
}
//経路探索パネルの非表示
@action
hideRoutePanel() {
    this.terria.setMode(0);
    this.terria.setRouteStart("");
    this.terria.setRouteEnd("");
    this.showRouteMenu = false;
    this.setTopElement("");
}

/**
 *経路検索におけるスタート地点の経緯度
 *@type {string}
 */
@observable routeStart = ""; 
/**
 *経路探索 開始地点の経緯度をセット
 *@param {string}
 */
@action
setRouteStart(routeStart: string) {
    this.routeStart = routeStart;
}

inputHandler.setInputAction(e => {
 // ここにイベント処理を実装（後述）
}, ScreenSpaceEventType.LEFT_CLICK);

import CommonStrata from "./Definition/CommonStrata";
import GeoJsonCatalogItem from "./Catalog/CatalogItems/GeoJsonCatalogItem";

const pickRay = this.scene.camera.getPickRay(e.position);
         const pickPosition = this.scene.globe.pick(pickRay, this.scene);
         const pickPositionCartographic =
             pickPosition && Ellipsoid.WGS84.cartesianToCartographic(pickPosition);
         if (pickPositionCartographic) {
             const latitude = CesiumMath.toDegrees(pickPositionCartographic.latitude);
             const longitude = CesiumMath.toDegrees(pickPositionCartographic.longitude);

//mode=2 の時は経路探索の開始地点を追加
             } else if (this.terria.mode === 2) {
               this.terria.setRouteStart(latitude + "," + longitude);
               this.terria.setMode(3);
               const routeStart = document.getElementById('routeStart') as HTMLInputElement;
               routeStart.value = this.terria.routeStart;
               const items = this.terria.workbench.items;
               for (const aItem of items) {
                    if (aItem.uniqueId === '開始地点' || aItem.uniqueId === '終了地点') {
                        this.terria.workbench.remove(aItem);
                    }
               }

 const pointItem = new GeoJsonCatalogItem("開始地点" , this.terria);
 pointItem.setTrait(CommonStrata.user, "geoJsonData", {
     type: "Feature",
     properties: {
         "marker-color": "#ffff00",
         "searchMode":"on",
         "経度":longitude,
         "緯度":latitude,
     },
     geometry: {
          type: "Point",
          coordinates: [longitude, latitude]
     }
   });      
pointItem.setTrait(CommonStrata.user, "idealZoom",{targetLongitude:longitude,targetLatitude:latitude,targetHeight:100,heading:0,pitch:30,range:500});
pointItem.loadMapItems();
this.terria.workbench.add(pointItem);

import RoutePanel from "../Map/Panels/RoutePanel/RoutePanel";

{this.props.viewState.showHelpMenu &&
     this.props.viewState.topElement === "HelpPanel" && 
          <HelpPanel terra={terria} viewState={this.props.viewState} />
)}
{this.props.viewState.showHelpMenu &&(
          <RoutePanel terria={terria} viewState={this.props.viewState} />
)}

import RoutePanel from "../Map/Panels/RoutePanel/RoutePanel";

<ul className={classNames(Styles.menu)}>
            <li className={Styles.menuItem}>
              <RouteButton
                  viewState={props.viewState}
               />
            </li>
</ul>

TerriaMap¥packages¥terriajs¥customconfig.json

{
    "config": {
           "apiUrl":"http://localhost/api"
      }
}