Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

Sorami Hisamoto

November 30, 2023
Tweet

More Decks by Sorami Hisamoto

Other Decks in Technology

Transcript

  1. "*45%%#$MJFOU
    "OPQFOTPVSDFXFCBQQMJDBUJPO
    GPSUIF%EBUBCBTF
    2023-11-30


    FOSS4G ASIA 2023


    Hisamoto Sorami (MIERUNE)

    View full-size slide

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

    View full-size slide

  3. 5SZJUPOMJOF

    mierune.github.io/aist_3ddb_client/

    View full-size slide

  4. 4PVSDFDPEF"QBDIF

    github.com/aistairc/aist_3ddb_client

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  8. ©︎
    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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  11. ©︎
    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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  15. ©︎
    1SPKFDU1-"5&"6.-*5+BQBO
    .PSJ5PSV
    &YUFSOBMEJSFDUPSPG.*&36/&
    &YSFQSFTFOUJUJWFPG04(FP+1

    4IJO4BOHIFF
    $&0PG(BJB%
    '044("4*"TUBGG

    View full-size slide

  16. ©︎
    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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  21. "OPQFOTPVSDFXFCBQQ CVJMUGPS
    UIFEJHJUBMUXJOQMBUGPSNl%%#TZTUFNzCZ"*45
    :PVDBOl4FBSDIz l7JFXz BOEl%PXOMPBEz
    WBSJPVT%EBUBSFHJTUFSFEJOUIFTZTUFN

    %FWFMPQFECZ.*&36/&VOEFSDPOUSBDUGSPN"*45

    View full-size slide

  22. "*45BOE%EBUB

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  26. %%#"1* 4FF3&"%.&GPSEFUBJMT JO+BQBOFTF

    https://github.com/aistairc/aist_3ddb_client

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  30. l*XBOUFEUPQSPWJEFTPNFUIJOHTJNQMF
    UIBUBOZPOFDPVMEMPPLBU BOEHFUEBUBz
    /BLBNVSB3ZPTVLF "*45

    View full-size slide

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

    View full-size slide

  32. "*45%%#$MJFOU
    'FBUVSFT

    View full-size slide

  33. #BTJDPQFSBUJPOT

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  36. 4FBSDI XJUIJOEJTQMBZFEBSFB
    z

    View full-size slide

  37. 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/

    View full-size slide

  38. %WJTVBMJ[BUJPOPOUIF8FC
    *NQMFNFOUBUJPO

    View full-size slide

  39. 5FDIGPSUIF"*45%%#$MJFOU
    $FTJVN+4

    0QFOTPVSDF+BWB4DSJQUMJCSBSZGPS
    EJTQMBZJOH%HMPCFTBOENBQT
    "MTPFYQMBJOFEJO3&"%.& JO+BQBOFTF

    https://github.com/aistairc/aist_3ddb_client
    7VFKT
    0QFOTPVSDF+BWB4DSJQUMJCSBSZGPS
    CVJMEJOH6*TGPSXFCBQQT

    View full-size slide

  40. $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/

    View full-size slide

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

    View full-size slide

  42. "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/

    View full-size slide

  43. "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

    View full-size slide

  44. "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
    ‣ ʜ

    View full-size slide

  45. "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
    ‣ ʜ
    "OElNBHP%zCZ(BJB%
    8FTBXFEUIFUBMLZFTUFSEBZ
    WFSZJNQSFTTFE

    View full-size slide

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


    Well-known_text_representation_of_geometry

    View full-size slide

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

    XFDBO`UEFUFSNJOFUIFMOHMBU
    PGUIFVQQFSMFGUSJHIUDPSOFS

    View full-size slide

  48. &MFWBUJPOPGGFBUVSFT⁞
    *GUIFHFPJEIFJHIUJTOPUUBLFOJOUPBDDPVOU UIFCVJMEJOHXJMMGMPBUBCPWFUIFHSPVOE

    View full-size slide

  49. &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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  52. 5VSGKT
    "+BWB4DSJQUNPEVMFGPSWBSJPVTHFPTQBUJBMBOBMZTJT
    6TFEUPDBMDVMBUFUIFGFBUVSF`T$FOUFSPG.BTT
    ˠUPTFUUIFGFBUVSFSFOEFSJOHQPTJUJPO BOEHFUHFPJEIFJHIU

    src/components/LayerMenu.vue

    View full-size slide

  53. 5IFGVUVSFPG
    "*45BOE%EBUB

    View full-size slide

  54. '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

    View full-size slide

  55. 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

    View full-size slide

  56. 5SZJUPOMJOF

    mierune.github.io/aist_3ddb_client/

    View full-size slide

  57. 4PVSDFDPEF"QBDIF

    github.com/aistairc/aist_3ddb_client

    View full-size slide

  58. ©︎
    1SPKFDU1-"5&"6.-*5+BQBO
    !.*&36/&@JOD

    View full-size slide