AIST 3DDB Client: an open-source web application for the 3D database / FOSS4G ASIA 2023

by Sorami Hisamoto

Slide 1

Slide 1 text

"*45%%#$MJFOU "OPQFOTPVSDFXFCBQQMJDBUJPO GPSUIF%EBUBCBTF 2023-11-30 FOSS4G ASIA 2023 Hisamoto Sorami (MIERUNE)

Slide 2

Slide 2 text

WJEFP "*45%%#$MJFOU "OPQFOTPVSDFXFCBQQ CVJMUGPSUIFEJHJUBMUXJOQMBUGPSN CZ"*45 B+BQBOFTFHPWFSONFOUSFTFBSDIJOTUJUVUJPO

Slide 3

Slide 3 text

5SZJUPOMJOF   mierune.github.io/aist_3ddb_client/

Slide 4

Slide 4 text

4PVSDFDPEF"QBDIF   github.com/aistairc/aist_3ddb_client

Slide 5

Slide 5 text

"TPGUXBSFFOHJOFFSCBTFEJO+BQBO $VSSFOUMZXPSLTGPSB(*4DPNQBOZl.*&36/&z IUUQTTPSBNJEFW !TPSBNJ )JTBNPUP4PSBNJ

Slide 6

Slide 6 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO ޷ীܖ֎

Slide 7

Slide 7 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO ‣"+BQBOFTF(*4DPNQBOZ ‣4JODF ‣NFNCFSTBTPG/PW

Slide 8

Slide 8 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO (5'4(0"HHSFHBUFBOEWJTVBMJ[FlSPVUFTTUPQTz https://github.com/MIERUNE/GTFS-GO https://dev.to/mierune/beginners-manual-for-gtfs-go-4nkc

Slide 9

Slide 9 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO BOENPSF2(*4QMVHJOT https://www.mierune.co.jp/qgis?lang=en

Slide 10

Slide 10 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO BOENPSF2(*4QMVHJOT https://plugins.qgis.org/plugins/author/MIERUNE%2520Inc./

Slide 11

Slide 11 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO Human flow Yahoo! JAPAN https://ds.yahoo.co.jp/ Cultural properties Nabunken https://heritagemap.nabunken.go.jp/ Minecraft Sapporo city, Takamatsu city, etc. https://twitter.com/MIERUNE_inc/status/1673157862691065857 Forest Forestry Agency of Japan https://twitter.com/MIERUNE_inc/status/1709763336999723515/ 7JTVBMJ[BUJPO

Slide 12

Slide 12 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO #BTFEJO)PLLBJEP +BQBO 4FPVM 5PLZP 4BQQPSP )PLLBJEP 1PQVMBUJPONJMMJPO

Slide 13

Slide 13 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO #PSOPVUPGB'044(DPNNVOJUZ l'044()PLLBJEPz 4JODF )PTUJOHQFPQMFFWFOUTFUD *O TUBGGNFNCFST DPGPVOEFEl.*&36/&z

Slide 14

Slide 14 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO '044(,PSFB ,FZOPUF CZ'VSVLBXB:BTVUP ZFBSTCFGPSF DPGPVOEJOH.*&36/& https://www.slideshare.net/yasutofurukawa/keynote-in-foss4g-korea2014

Slide 15

Slide 15 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO .PSJ5PSV &YUFSOBMEJSFDUPSPG.*&36/& &YSFQSFTFOUJUJWFPG04(FP+1 4IJO4BOHIFF $&0PG(BJB% '044("4*"TUBGG

Slide 16

Slide 16 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO 8F ♥︎ '044( https://www.mierune.co.jp/aboutus?lang=en € ZFBS d 7PUJOHNFNCFSPG $PVOUSZ6TFS(SPVQ ZFBS d 7PUJOHNFNCFST $IBSUFSNFNCFSTPG 04(FP'PVOEBUJPO 4QPOTPSJOH04(FP+1

Slide 17

Slide 17 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO https://qgis.org/ja/site/

Slide 18

Slide 18 text

©︎ 1SPKFDU1-"5&"6.-*5+BQBO UBMLT '044( )PLLBJEPNJOJ '044(+BQBO UBMLT UBMLT XPSLTIPQT '044(5PLBJ UBMLT UBMLT .*&36/&'044(

Slide 19

Slide 19 text

"*45%%#$MJFOU "OPQFOTPVSDF8FCBQQGPS UIF"*45%EBUBCBTF

Slide 20

Slide 20 text

https://mierune.github.io/aist_3ddb_client/

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

"OPQFOTPVSDFXFCBQQ CVJMUGPS UIFEJHJUBMUXJOQMBUGPSNl%%#TZTUFNzCZ"*45 :PVDBOl4FBSDIz l7JFXz BOEl%PXOMPBEz WBSJPVT%EBUBSFHJTUFSFEJOUIFTZTUFN   %FWFMPQFECZ.*&36/&VOEFSDPOUSBDUGSPN"*45

Slide 33

Slide 33 text

"*45BOE%EBUB

Slide 34

Slide 34 text

/BUJPOBM*OTUJUVUFPG "EWBODFE*OEVTUSJBM4DJFODFBOE5FDIOPMPHZʢ"*45ʣ 5IFMBSHFTUSFTFBSDIJOTUJUVUFJO+BQBO VOEFS.JOJTUSZPG&DPOPNZ 5SBEFBOE*OEVTUSZ https://www.aist.go.jp/index_en.html

Slide 35

Slide 35 text

"*45 %JHJUBM"SDIJUFDUVSF3FTFBSDI$FOUFS https://www.digiarc.aist.go.jp/en/team/ https://www.digiarc.aist.go.jp/en/

Slide 36

Slide 36 text

https://www.digiarc.aist.go.jp/en/team/gsvrt/

Slide 37

Slide 37 text

%%#"1* 4FF3&"%.&GPSEFUBJMT JO+BQBOFTF https://github.com/aistairc/aist_3ddb_client

Slide 38

Slide 38 text

%%#"1* ৄࡉ͸(JU)VCϨϙδτϦͷ3&"%.&Λࢀরͷ͜ͱ https://github.com/aistairc/aist_3ddb_client "OZPOFDBOVTFJU GSFFPGDIBSHF 1MFBTFDIFDLUIFMJDFOTF TFUGPSFBDIEPXOMPBEBCMFEBUB

Slide 39

Slide 39 text

&YJTUJOHWJFXFS"*45%%#7JFXFS https://gsrt.digiarc.aist.go.jp/3ddb_demo/tdv/index.html

Slide 40

Slide 40 text

طଘͷϏϡʔΞʔ"*45%%#7JFXFS https://gsrt.digiarc.aist.go.jp/3ddb_demo/tdv/index.html %JGGJDVMUUPVTF .PTUQFPQMFDBOOPUESBXQPMZHPOTGPSTQBUJBMTFBSDI &WFOGFXFSQFPQMFBSFBCMFUP TFMFDUEBUBGSPNTFBSDISFTVMUTBOEBEEJUUPUIFDBSU

Slide 41

Slide 41 text

l*XBOUFEUPQSPWJEFTPNFUIJOHTJNQMF UIBUBOZPOFDPVMEMPPLBU BOEHFUEBUBz /BLBNVSB3ZPTVLF "*45

Slide 42

Slide 42 text

γϯϓϧʹɺ୭Ͱ΋ݟͯɺ͞Θͬͯɺ σʔλ͕ग़ͯ͘Δ΋ͷΛఏڙ͔ͨͬͨ͠ தଜྑհ͞Μ ࢈૯ݚਓ޻஌ೳݚڀηϯλʔ૯ׅݚڀओװ ˠ"*45%%#$MJFOU

Slide 43

Slide 43 text

"*45%%#$MJFOU 'FBUVSFT

Slide 44

Slide 44 text

#BTJDPQFSBUJPOT

Slide 45

Slide 45 text

#BTJDPQFSBUJPOT ,FZXPSETFBSDI GPSUIFGFBUVSFT l J CVUUPOzUPTIPXEFUBJMT BOE EPXOMPBEUIFEBUBTFU 4FBSDISFTVMUT lCVUUPOzUPBEEUPUIFNBQ

Slide 46

Slide 46 text

#BTJDPQFSBUJPOT ɾ5JMU SPUBUF ɹ.JEEMFDMJDLESBH PS ɹ$53-LFZESBH %JTQMBZFEGFBUVSFT $MJDLUP[PPNJO ɾ.PWF ɹ-FGUDMJDLESBH ɾ;PPN ɹ3JHIUDMJDLESBH PSTDSPMM .BQ0QFSBUJPOT

Slide 47

Slide 47 text

4FBSDI XJUIJOEJTQMBZFEBSFB z

Slide 48

Slide 48 text

7BSJPVTEBUBTPVSDFT -PDBMHPWFSONFOUTBSFCFHJOOJOHUPSFMFBTFEBUBTFUT QPJOUDMPVE FUD   ˠ(BUIFSUIFN TPZPVDBOTFBSDI WJFX BOEEPXOMPBEUIFNBMMBUPODF /www.pref.shizuoka.jp/machizukuri/1049255/1052183.html https://info.tokyo-digitaltwin.metro.tokyo.lg.jp/ https://www.mlit.go.jp/plateau/

Slide 49

Slide 49 text

%WJTVBMJ[BUJPOPOUIF8FC *NQMFNFOUBUJPO

Slide 50

Slide 50 text

5FDIGPSUIF"*45%%#$MJFOU $FTJVN+4   0QFOTPVSDF+BWB4DSJQUMJCSBSZGPS EJTQMBZJOH%HMPCFTBOENBQT "MTPFYQMBJOFEJO3&"%.& JO+BQBOFTF https://github.com/aistairc/aist_3ddb_client 7VFKT 0QFOTPVSDF+BWB4DSJQUMJCSBSZGPS CVJMEJOH6*TGPSXFCBQQT

Slide 51

Slide 51 text

$FTJVN+4 %HFPTQBUJBMWJTVBMJ[BUJPOGPSUIFXFC https://www.nytimes.com/interactive/ 2023/11/01/us/hawaii-maui-fire-timeline.html &YBNQMFPGWJTVBMJ[BUJPOCZ$FTJVN+4 l.BVJ8JMEGJSF5JNFMJOF)PXUIF-BIBJOB*OGFSOP 3BHFE )PVSCZ)PVSz5IF/FX:PSL5JNFT %FWFMPQFECZ$FTJVN(4 *OD 0QFOTPVSDF "QBDIF https://cesium.com/platform/cesiumjs/

Slide 52

Slide 52 text

%5JMFT https://cesium.com/why-cesium/3d-tiles/ "OPQFOTUBOEBSEGPSTUSFBNJOHEJTQBSBUF%HFPTQBUJBMEBUBBUTDBMF "TQFDJGJDBUJPOTUBSUFECZ$FTJVN6TJOHHM5' l+1&(JO%z

Slide 53

Slide 53 text

"QQFOEJY0UIFSNBQEWJ[MJCSBSJFT .BQ-JCSF.BQCPY(-+4 "NBQMJCSBSZGPS% % .BQ-JCSFGPSLFEGSPN.BQCPY(-+4 BGUFSJUCFDBNFlOPO044z &YUSVTJPO %NPEFMXJUI5ISFFKT https://maplibre.org/ maplibre-gl-js/docs/examples/add-3d-model/ https://maplibre.org/ maplibre-gl-js/docs/examples/3d-buildings/

Slide 54

Slide 54 text

"GSBNFXPSLGPSEBUBWJTVBMJ[BUJPO:PVDBOSFOEFS%5JMFTXJUIl5JMF%-BZFSz EFDLHMFYBNQMF )FYBHPO-BZFS https://deck.gl/examples/google-3d-tiles https://deck.gl/examples/hexagon-layer EFDLHMFYBNQMF 1IPUPSFBMJTUJD%5JMFT "QQFOEJY0UIFSNBQEWJ[MJCSBSJFT EFDLHM

Slide 55

Slide 55 text

"QQFOEJY0UIFSNBQ%WJ[MJCSBSJFT ‣ %5JMFT3FOEFSFS+4 ɹ3FOEFS5ISFFKTXJUI%5JMFT%FWFMPQFECZ/"4""..04 ‣ J5PXOT ɹ5ISFFKTCBTFE.BJOUBJOFECZ*(/ B'SFODIJOTUJUVUJPO BOEPUIFST ‣ "SD(*4.BQT4%,GPS+BWB4DSJQU ɹ%FWFMPQFECZ&TSJ6TFTUIFDMPVETFSWJDFl"SD(*40OMJOFz ‣ NBQSBZ+4 ɹ%FWFMPQFECZ40/:6TFTUIFDMPVETFSWJDFl.BQSBZ$MPVEz ‣ ʜ

Slide 56

Slide 56 text

Slide 57

Slide 57 text

4FBSDIXJUIJOEJTQMBZFEBSFB %FUFDUEJTQMBZFEBSFBGSPNUIFWJFXFSDBOWBTˠDPOWFSUUP8,5GPSNBU 4FUBTUIFlBSFBzQBSBNGPS%%#"1* UPEPBSFBTFBSDI src/components/MapPane.vue - getViewerWKTPolygon() https://en.wikipedia.org/wiki/ Well-known_text_representation_of_geometry

Slide 58

Slide 58 text

දࣔྖҬ಺ͷݕࡧ ϏϡʔΞʔͷΩϟϯόε͔ΒɺදࣔྖҬΛಛఆˠ8,5ܗࣜ΁ %%#"1*ͷlBSFBzύϥϝʔλʔʹࢦఆ͠ɺྖҬ಺Ͱݕࡧ src/components/MapPane.vue https://ja.wikipedia.org/wiki/Well-known_text *GUIFTDSFFOJODMVEFTUIFIPSJ[PO BCPWFUIFTLZ XFDBO`UEFUFSNJOFUIFMOHMBU PGUIFVQQFSMFGUSJHIUDPSOFS

Slide 59

Slide 59 text

&MFWBUJPOPGGFBUVSFT⁞ *GUIFHFPJEIFJHIUJTOPUUBLFOJOUPBDDPVOU UIFCVJMEJOHXJMMGMPBUBCPWFUIFHSPVOE

Slide 60

Slide 60 text

&MFWBUJPOPGGFBUVSFT  (FPJE"WJSUVBMFYUFOTJPOPGUIFNFBOTFBMFWFMUPMBOE *OUIF"*45EBUB UIFSFJTBEJGGFSFODFJOHFPJEIFJHIUCFUXFFO UIF%UFSSBJOBOEUIFGFBUVSFT Image: Müge Albayrak, Mustafa Tevfik Özlüdemir, Mohammad Mohseni Aref, Kerem Halicioglu. “Determination of Istanbul geoid using GNSS/levelling and valley cross levelling data”. Geodesy and Geodynamics, 2020. https://www.sciencedirect.com/science/article/pii/S1674984720300173

Slide 61

Slide 61 text

&MFWBUJPOPGGFBUVSFT⁠ 6TFHFPJEIFJHIUEBUBQSPWJEFECZUIF(FPTQBUJBM*OGPSNBUJPO"VUIPSJUZPG+BQBO 'PSHJWFOMOHMBU HFUUIFHFPJEIFJHIUGSPN(FP5*'' TFUUIFIFJHIUPGGTFU https://fgd.gsi.go.jp/download/geoid.php src/modules/utils.ts - getGeoidHeight()

Slide 62

Slide 62 text

஍෺ͷඪߴ⁠ ஍ཧӃͷఏڙ͢ΔδΦΠυߴσʔλʢ(FP5*''ը૾ϑΝΠϧʣΛར༻ ܦҢ౓͝ͱͷδΦΠυߴͷ஋Λऔಘ͠ɺ$FTJVNͰΦϑηοτʹઃఆ https://fgd.gsi.go.jp/download/geoid.php src/modules/utils.ts - getGeoidHeight() 8JUIPVUPGGTFU 8JUIPGGTFU

Slide 63

Slide 63 text

5VSGKT "+BWB4DSJQUNPEVMFGPSWBSJPVTHFPTQBUJBMBOBMZTJT 6TFEUPDBMDVMBUFUIFGFBUVSF`T$FOUFSPG.BTT ˠUPTFUUIFGFBUVSFSFOEFSJOHQPTJUJPO BOEHFUHFPJEIFJHIU src/components/LayerMenu.vue

Slide 64

Slide 64 text

5IFGVUVSFPG "*45BOE%EBUB

Slide 65

Slide 65 text

'VUVSFPG"*45%%#4ZTUFN %FWFMPQBOEQVCMJTIQMVHJOTGPS2(*4 6OJUZ BOE6OSFBM&OHJOF Integrated server (G-CKAN) QGIS Web AIST 3DDB Client Unity Unreal Engine Data distribution platform (G空間情報センター) AIST

Slide 66

Slide 66 text

4UBOEBSEJ[BUJPOPGNFUBEBUBBOETFBSDINFUIPET   *OUIFGVUVSF XFBJNUPEJTUSJCVUF%SBTUFSTBTXFMMUISPVHI DPMMBCPSBUJPOXJUI45"$ 4QBUJP5FNQPSBM"TTFU$BUBMPHT     %BUBEJTUSJCVUJPOGPSBOBMZTJTJOBDMPVEDPNQBUJCMFGPSNBU   'JSTU EJTUSJCVUFQPJOUDMPVETJO$01$ $MPVE0QUJNJ[FE1PJOU$MPVE   4UBOEBSETVQQPSUGPSIVHFBNPVOUTPG%PQFOEBUB BOE EJTUSJCVUJPOGSPN"#$* POFPGUIFXPSMETMBSHFTUDPNQVUJOHJOGSBGPS"*QSPDCZ"*45 'VUVSFPG"*45%%#4ZTUFN