Cesium

カラー見本

https://colorcodesearch.com/chart-rgb/

住所と緯度経度

• GeoNLP - テキストを自動的に地図化する地名情報処理ソフトウェア https://geonlp.ex.nii.ac.jp/
• 【Python】GeoPyを使って住所一覧からまとめて緯度経度を出す https://qiita.com/masa1124/items/3d0e02110fb3c257f568

Cesium

• CesiumJsSandcastleTemplate https://github.com/four4to6/CesiumJsSandcastleTemplate/blob/main/HelloWorld.htm

• Change Log https://github.com/CesiumGS/cesium/blob/7b93161da1cc03bdc796b204e7aa51fb7acebf04/CHANGES.md

mongoDB

• Pythonでmongodbを操作する~その３:update編~ https://qiita.com/bc_yuuuuuki/items/f80e62784aa4f6ec5834

docker

*【Docker】docker-composeを使って楽してコンテナを動かす no.24 https://qiita.com/Mayumi_Pythonista/items/ad12ea33d7360b2c6d1e

時系列

https://qiita.com/takahi/items/8c414d33e98b6e960099

from猪村さん

• ジオイド https://qiita.com/oho-sugu/items/7d9b26483114288754d6 https://www.gsi.go.jp/buturisokuchi/grageo_geoid.html
• quantized-mesh-1.0 terrain format https://github.com/CesiumGS/quantized-mesh

BLENDER

https://cgbox.jp/2023/03/12/blender-gis-landscape/

GISデータのためのデータベース

• postgis https://www.sraoss.co.jp/tech-blog/pgsql/postgis/

• 図を作る https://lucid.app/users/login#/login

• UseState https://reffect.co.jp/react/react-hook-usestate-understand

• resium https://resium.reearth.io/getting_started

https://zenn.dev/yizumi1012xxx/articles/8af66ddc84d01a5eaf1e

https://qiita.com/takahi/items/0cea863db1cabc67e231 https://nnao-web.boo.jp/2021/05/20/post-870/

react

• axios https://apidog.com/jp/blog/react-axios-tutorial/ https://www.freecodecamp.org/japanese/news/how-to-use-axios-with-react/

• 【React】fetchを使ってapiからjsonデータを取得する（GETメソッド） https://qiita.com/esoul/items/5ac4ae8260624dde135f

• react.dev のご紹介 https://ja.react.dev/learn https://ja.react.dev/blog/2023/03/16/introducing-react-dev
• JSX https://ja.react.dev/reference/react/createElement https://itstudio.co/2018/08/10/8003/

• モリヤマjavascrip https://hakuhin.jp/js/upload.html#UPLOAD_03

• cesiumデータ

https://qiita.com/yusuke-saruya/items/ee39e99ee1e412751cac - バナナの食べ頃を機械学習モデルで判定するWEBアプリを作ってみた http://landxml.org/ https://qiita.com/a01sa01to/items/fc6bf8bb5b1cb0db01cf

• CZML入門 https://gis-oer.github.io/gitbook/book/materials/web_gis/CZML/CZML.html

ムーンショット

• Cesiumの地図上のマウスイベント処理で、ひたすら3次メッシュを表示する https://qiita.com/takahi/items/0cea863db1cabc67e231
• 「Cesium」を利用して、任意の座標から高度を取得する https://nnao-web.boo.jp/2021/05/20/post-870/

https://sandcastle.cesium.com/?src=Terrain%20Exaggeration.html

• そもそもcesiumで扱えるデータ https://qiita.com/freedom-tech/items/29adfad2d2720af2a79b

• コンター図をどのように入れる?

• citygmlについて https://www.mlit.go.jp/plateau/learning/tpc03-2/

• データ形式整理 https://www.toshiseibi.metro.tokyo.lg.jp/bunyabetsu/machizukuri/pdf/digital03_3_5.pdf

地質図

https://www.jstage.jst.go.jp/article/geosocabst/2016/0/2016_544/_pdf https://gsj-seamless.jp/labs/elev2/tools/terrainProvider.html

api

• 国土交通PF https://www.mlit-data.jp/api_docs/examples/sources/simple_search.html

• axios https://prograshi.com/language/vue-js/axios/

vue

• vue-cliではじめるWebアプリ制作 https://qiita.com/highno_RQ/items/7f2e032e231ae0131155
• 【Vue 3入門】 今日から始める本格的フロントエンドWEB開発(コンポーネント編) https://reffect.co.jp/vue/vue-js-components

javascript

• node.js https://pisuke-code.com/node-js-basic-way-to-build-server/

• Sandcastle: CesiumJS Code Examples https://cesium.com/learn/cesiumjs-sandcastle/

• vue https://qiita.com/TakeshiNickOsanai/items/4a061fd8d7312ad680d3

• arrow関数 https://qiita.com/suin/items/a44825d253d023e31e4d

• fetch https://devsakaso.com/javascript-fetch-json-data/ https://qiita.com/tarch710/items/91b8abc124a7efbc7a93

• jsonsample https://jsonplaceholder.typicode.com/ https://www.youtube.com/watch?v=QugDLcOo_EE&t=70s

DEM

• DEM からのテレイン: Digital Elevation Models (数値標高モデル) の使用 https://docs.unrealengine.com/udk/Three/TerrainsFromDEMsJP.html#:~:text=DEM%20%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E8%A7%A3%E5%83%8F%E5%BA%A6%E3%81%AF%20arcminutes%20%28%E5%88%86%E8%A7%92%E5%BA%A6%29%20%E3%81%A8%20arcseconds,%28%E7%A7%92%E8%A7%92%E5%BA%A6%29%20%E5%8D%98%E4%BD%8D%E3%81%A7%E8%A8%88%E6%B8%AC%E3%81%95%E3%82%8C%E3%81%9F%E3%82%82%E3%81%AE%E3%81%8B%E3%80%81%E3%81%BE%E3%81%9F%E3%81%AF%E3%81%9D%E3%82%8C%E3%81%9E%E3%82%8C%E3%81%AE%E7%A9%BA%E9%96%93%E8%B7%9D%E9%9B%A2%E3%82%92%E3%83%A1%E3%83%BC%E3%83%88%E3%83%AB%E5%8D%98%E4%BD%8D%E3%81%A7%E8%A8%88%E6%B8%AC%E3%81%95%E3%82%8C%E3%81%9F%E3%82%82%E3%81%AE%E3%81%A7%E3%81%99%E3%80%82%20%E6%9C%80%E3%82%82%E4%B8%80%E8%88%AC%E7%9A%84%E3%81%AA%E8%A7%A3%E5%83%8F%E5%BA%A6%E3%81%AF%2010%E3%80%8130%20%E3%81%8A%E3%82%88%E3%81%B3%2090%20%E3%83%A1%E3%83%BC%E3%83%88%E3%83%AB%E3%81%A7%E3%81%99%E3%80%82

plateau

• 沿道状況センシングシステムの開発 https://www.mlit.go.jp/plateau/use-case/uc20-010/

• 大規模複合施設における人流カウントと建物屋内モデルを用いた可視化 https://www.mlit.go.jp/plateau/use-case/uc20-008/ トレースするデータが3次元前提

• 雪害対策支援ツール https://www.mlit.go.jp/plateau/use-case/uc22-027/

• 精緻な土砂災害シミュレーション https://www.mlit.go.jp/plateau/use-case/uc23-02/ https://i-ric.org/ja/

• 都市構造シミュレーション https://www.mlit.go.jp/plateau/use-case/uc22-020/

• 3D都市モデルの更新優先度マップ https://www.mlit.go.jp/plateau/use-case/uc22-007/

3Dモデル

• 3Dモデルの解像度 https://www.mlit.go.jp/toshi/daisei/content/001614667.pdf

• 衛星画像を利用した３D地図の作成 https://www.eorc.jaxa.jp/ALOS/aw3d/index.htm

• DEM→Geotiff https://qiita.com/nokonoko_1203/items/b99aa733cb215305f8aa

衛星

• SARについて https://sorabatake.jp/12465/

• ダウンロード

• landsad https://qiita.com/T-ubu/items/d31e767e5d624b1fc715 https://earthexplorer.usgs.gov/ https://blog.esrij.com/2017/02/14/post-18581/

https://qiita.com/T-ubu/items/e40e49b3321dfc720b78 https://scihub.copernicus.eu/dhus/#/home

• 加工
• geotiff http://rs.aoyaman.com/seminar/about8.html

https://qiita.com/shuntarohata/items/0e60228ae4cb2a63c6cf https://qiita.com/T-ubu/items/de0d30e0f2bdcd72ee8a

• ファイル形式・種類 https://earth.jaxa.jp/ja/eo-knowledge/file-format/index.html https://www.geospatial.jp/ckan/dataset/plateau-tokyo23ku-3dtiles-2020

Cesium

• 中国 http://cesiumcn.org/guide/%E6%96%B0%E6%89%8B%E5%85%A5%E9%97%A8%E4%B8%AD%E6%96%87%E6%95%99%E7%A8%8B/Cesium%E5%85%A5%E9%97%A810%20-%203D%20Tiles/

• プラトー https://www.mlit.go.jp/plateau/learning/tpc06-1/ →変換 https://qiita.com/asahina820/items/2b81b4f73187b0177aa3 →変換 https://www.mlit.go.jp/plateau/learning/tpc06-2/#p6_3

• 3Dモデルの形式 https://www.mlit.go.jp/plateau/file/libraries/doc/plateau_doc_0001_ver02.pdf https://www.mlit.go.jp/plateau/learning/tpc03-1/

https://docs.ogc.org/is/20-010/20-010.html#toc44 https://cesium.com/blog/2021/11/10/introducing-3d-tiles-next/

• PLATEAU配信サービス（試験運用）-チュートリアル https://github.com/Project-PLATEAU/plateau-streaming-tutorial?tab=readme-ov-file

• react https://qiita.com/rot/items/ca73908d91387b11e152

• node.jsによるインストール https://qiita.com/keijipoon/items/615ebaf7561a27d744f5

• ローカル実行時エラー回避 https://zenn.dev/saba/articles/a2c5226c7ea694

• Cesium入門 https://gis-oer.github.io/gitbook/book/materials/web_gis/Cesium/Cesium.html

• TerriaJS https://www.mlit.go.jp/plateau/learning/tpc07-1/

プラグイン

• 旗揚げ https://www.mlit.go.jp/plateau/learning/tpc07-1/

プラトーでできることできないこと

https://www.hcc.co.jp/hcclab/20210621/

https://3d-city-model.esrij.com/

gocesiumtilerを利用した変換

https://github.com/mfbonfigli/gocesiumtiler https://phreeqc.blogspot.com/2022/03/

 ./gocesiumtiler -i ./input -o ./output -e 4326 -maxpts 100000 -z 2.5 -algorithm randombox -geoid -folder -recursive

// Cesiumのビューアーを初期化
const viewer = new Cesium.Viewer('cesiumContainer');
// 地盤データのサンプル（ポリゴンの頂点として使用）
const groundData = [
    { latitude: 35.0, longitude: 135.0, safety: 0.2 }, // 安全度（0.0〜1.0）
    { latitude: 35.1, longitude: 135.1, safety: 0.8 },
    // 他のデータポイント...
];
// 地盤データをもとにポリゴンを追加
groundData.forEach((dataPoint, index) => {
    // 次のデータポイントとの間にポリゴンを作成
    if (index < groundData.length - 1) {
        const nextPoint = groundData[index + 1];
        viewer.entities.add({
            polygon: {
                hierarchy: Cesium.Cartesian3.fromDegreesArray([
                    dataPoint.longitude, dataPoint.latitude,
                    nextPoint.longitude, nextPoint.latitude,
                    // 他の頂点を追加...
                ]),
                material: Cesium.Color.fromHsl(0.6 - dataPoint.safety, 1.0, 0.5, 0.5) // 安全度に応じて色を変更（赤〜青）
            }
        });
    }
});
// カメラの位置を調整
viewer.camera.flyTo({
    destination: Cesium.Cartesian3.fromDegrees(135.05, 35.05, 10000)
});

測地系

WGS84　4326 https://lemulus.me/column/epsg-list-gis