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

MapLibreとtile.openstretmap.jpで始めるベクトル地図プログラミング

 MapLibreとtile.openstretmap.jpで始めるベクトル地図プログラミング

FOSS4G Tokai 2021発表資料

Taro Matsuzawa aka. btm

August 28, 2021
Tweet

More Decks by Taro Matsuzawa aka. btm

Other Decks in Programming

Transcript

  1. 5BSP.BUTV[BXB !TNFMMNBO

    .BQ-JCSFͱUJMFPQFOTUSFUNBQKQ
    Ͱ࢝ΊΔϕΫτϧ஍ਤϓϩάϥϛϯά
    '044(5PLBJ

    View full-size slide

  2. ࣗݾ঺հ
    w ߹ಉձࣾ(FPSFQVCMJD+BQBOγχΞΤϯδχΞ
    w 04(FP೔ຊࢧ෦ཧࣄ
    w ೔ຊ6/*9Ϣʔβʔձձ௕ ೥·Ͱ

    w 0QFO4USFFU.BQ'PVOEBUJPO+BQBOϝϯόʔ
    w ౦ژిػେֶ$Z4FDडߨੜ ࣾձਓֶੜ

    w #SFBLDPSFΫϥελ

    View full-size slide

  3. ࠓճͷ͓୊

    View full-size slide

  4. w .BQ-JCSFʹ͍ͭͯͷ঺հ
    w UJMFPQFOTUSFFUNBQKQͷ঺հ
    w ϕΫτϧλΠϧϓϩάϥϛϯάͷ঺հ

    View full-size slide

  5. .BQ-JCSFͷ঺հ

    View full-size slide

  6. .BQ-JCSFͱ͸

    View full-size slide

  7. .BQ-JCSFͱ͸
    w .BQCPY(-Y͔ΒGPSLͨ͠044ͷϥΠϒϥϦ
    w .BQCPY(-Y͔Βೖͬͨػೳ͸࣮૷͞Ε͍ͯͳ͍
    w 4LZػೳɺ৽͍͠ඪߴλΠϧͳͲ
    w .BQ-JCSF΋.BQCPYಉ༷ʹ+BWBTDSJQU /BUJWF J04"OESPJE
    ͷ࣮૷͕͋Δ
    w .BQ-JCSFࣗମͷίϛϡχςΟ͕04.64ίϛϡχςΟͷ4MBDLͰಈ͍͍ͯΔ

    View full-size slide

  8. .BQ-JCSF.BQCPYͱ͸ͳΜͧ΍
    w ݩʑ͸.BQCPY͕ࣾ։ൃ͍ͯͨ͠.BQCPY7FDUPS5JMFͷදࣔΛߦ͏ϥΠϒϥ
    Ϧ܈Λ.BQCPY4%,ͱͯ͠։ൃ͞Ε͍ͯͨ
    w ػೳͱͯ͠͸-FB
    fl
    FU+4΍0QFO-BZFST΍5BOHSBN+4(-ͳͲ͕ڝ߹ͱͳ
    Δɻଞʹ΋ϥελλΠϧͰ͋Ε͹"QQMF.BQT΍(PPHMF.BQT΋ಉ͡ػೳ
    ͕͋ͬͨΓ͢Δɻ
    w .BQCPY4%,ͷΫϩʔζυιʔεԽʹ൐͍ొ৔ͨ͠ͷ͕.BQ-JCSF

    View full-size slide

  9. .BQ-JCSF(-ͷ࠷ۙͷಈ޲
    w ࣮૷ͷ5ZQF4DSJQUԽ͕ਐΜͰ͍Δ
    w ׬શʹ.BQCPYͱ͸ํ޲ੑ͕ҟͳΔ
    w ඪߴʹ͍ͭͯ͸ಠ࣮ࣗ૷ΛࢼΈ͍ͯΔ
    w 7FSTJPOϦϦʔε࣌ʹ.BQCPYͷϥΠηϯεΩʔʹඇରԠʹͳΔ༧ఆ
    w "NB[PO8FC4FSWJDFͷ.BQ4%,Ͱඪ४Ͱ࠾༻͞Ε͍ͯΔ

    View full-size slide

  10. .BQ-JCSFOBUJWFͷ࠷ۙͷಈ޲
    w কདྷతʹ͸J04ͷ࣮૷ʹ.FUBMΛ࢖͏ํ޲ੑ͕ࣔ͞Ε͍ͯΔ
    w ͋ΔҙຯҰ෦(-Ͱ͸ͳ͍࣮૷΋ਐΉ
    w 2U.47$ͷαϙʔτͳͲͷΫϩεϓϥοτϑΥʔϜԽ΋ਐΉ
    w ͱ͸͍͑͋·Γಈ޲͕௥͑ͯͳ͍

    View full-size slide

  11. UJMFPQFOTUSFFUNBQKQʹ͍ͭͯ

    View full-size slide

  12. UJMFPQFOTUSFFUNBQKQʹ͍ͭͯ
    w 0QFO4USFFU.BQ'PVOEBUJPO+BQBO͕ӡӦ͍ͯ͠Δ0QFO.BQ5JMFT
    UJMFTFSWFSHMΛ༻͍ͨϕΫλλΠϧɺϥελλΠϧͷ഑৴αʔό
    w ຖि೔ຊͷΤϦΞͷΈόʔδϣϯΞοϓΛ͍ͯ͠Δ
    w ݄༵೔ͷேʹಈ͔ͯ͠໦༵೔͙Β͍ʹσʔλΛೖΕସ͍͑ͯΔ

    View full-size slide

  13. ར༻ʹ͍ͭͯ
    w IUUQTXJLJPQFOTUSFFUNBQPSHXJLJ+BQBO04.'+@5JMFTFSWFSʹجຊత
    ͳ৘ใΛهࡌ͍ͯ͠Δ
    w PTNCSJHIUKB
    w IUUQTUJMFPQFOTUSFFUNBQKQTUZMFTPTNCSJHIUKB\[^\Y^\Z^QOH
    w IUUQTUJMFPQFOTUSFFUNBQKQTUZMFTPTNCSJHIUFOTUZMFKTPO
    w ར༻ʹ͍ͭͯ͸ʮࣗ༝ʯͰ͕͢ɺͳΔ΂͘ϕΫτϧλΠϧΛ࢖ͬͯ͘ΕΔͱ͏
    Ε͍͠

    View full-size slide

  14. ϕΫτϧλΠϧϓϩάϥϛϯά

    View full-size slide

  15. .BQ-JCSF(-+4ͷྫ
    w OQNJOTUBMMHQBSDFMCVOEMFS
    w OQNJOJUZ
    w WJNJOEFYIUNM
    w %0$5:1&͸ඞਢ
    %0$5:1&IUNM
    IUNM
    CPEZ
    EJWJENBQEJW
    TDSJQUTSDJOEFYKTTDSJQU
    CPEZ
    IUNM

    View full-size slide

  16. .BQ-JCSF(-+4ͷྫ
    w ZBSOBEENBQMJCSFHM
    w ZBSOBEE%TBTT
    w WJNJOEFYKT
    w +BWBTDSJQU͔ΒDTTΛಡΈࠐΉ
    JNQPSUJOEFYTDTT
    JNQPSUBT.BQ-JCSFGSPNNBQMJCSFHM
    DPOTUNBQOFX.BQ-JCSF.BQ \
    DPOUBJOFSNBQ
    TUZMFIUUQTUJMFPQFOTUSFFUNBQKQ
    TUZMFTPTNCSJHIUKBTUZMFKTPO
    DFOUFS< >
    [PPN
    NBY;PPN
    NJO;PPN
    ^

    View full-size slide

  17. .BQ-JCSF(-+4ͷྫ
    w WJNJOEFYTDTT
    w NBQMJCSFͷ$44ΛಡΈࠐΉ
    w ߴ͞͸ͪΌΜͱઃఆ͓ͯ͘͠
    ͜ͱ
    !JNQPSUNBQMJCSFHMEJTUNBQMJCSFHMDTT
    IUNM CPEZ\
    XJEUI
    IFJHIU
    NBSHJO
    ^
    NBQ\
    XJEUI
    IFJHIU
    ^

    View full-size slide

  18. .BQ-JCSF(-+4ͷྫ
    w WJNQBDLBHFKTPO
    w #SPXTFSTMJTU͕ແ͍ͱॻ͖ग़͞ΕΔ
    +BWBTDSJQU͕ΤϥʔΛग़ͯ͠͠·͏
    ͷͰ஫ҙ͢Δ͜ͱ
    CSPXTFSTMJTU\
    QSPEVDUJPO<
    MBTUDISPNFWFSTJPOT
    MBTU
    fi
    SFGPYWFSTJPOT
    MBTUTBGBSJWFSTJPOT
    >
    EFWFMPQNFOU<
    MBTUDISPNFWFSTJPO
    MBTU
    fi
    SFGPYWFSTJPO
    MBTUTBGBSJWFSTJPO
    >
    ^

    View full-size slide

  19. .BQ-JCSF(-+4ͷྫ
    w QBSDFMJOEFYIUNM
    w PQFOIUUQMPDBMIPTU

    View full-size slide

  20. .BQ-JCSF(-+4ͷྫNBQΠϕϯτ
    JOEFYKTʹ௥ه

    DPOTUQPQVQOFX.BQ-JCSF1PQVQ

    NBQPO DMJDL F
    \
    DPOTUGFBUVSFTNBQRVFSZ3FOEFSFE'FBUVSFT FQPJOU \
    MBZFST<QPJMFWFM QPJMFWFM QPJMFWFM>
    ^

    JG GFBUVSFTMFOHUI
    \
    SFUVSO
    ^
    DPOTUGFBUVSFGFBUVSFT<>
    DPOTUEJWDSFBUF%JW GFBUVSF

    QPQVQTFU%0.$POUFOU EJW

    TFU-OH-BU FMOH-BU

    BEE5P NBQ

    ^

    View full-size slide

  21. .BQ-JCSF(-+4ͷྫNBQΠϕϯτ
    JOEFYKTʹ௥ه

    DPOTUDSFBUF%JW GFBUVSF
    \
    DPOTUEJWEPDVNFOUDSFBUF&MFNFOU EJW

    DPOTUIUNMEPDVNFOUDSFBUF&MFNFOU EM

    0CKFDULFZT GFBUVSFQSPQFSUJFT
    GPS&BDI JE\
    DPOTUEUEPDVNFOUDSFBUF&MFNFOU EU

    EUJOOFS)5.-JE
    DPOTUEEEPDVNFOUDSFBUF&MFNFOU EE

    EEJOOFS)5.-GFBUVSFQSPQFSUJFT
    IUNMBQQFOE$IJME EU

    IUNMBQQFOE$IJME EE

    ^

    EJWBQQFOE$IJME IUNM

    SFUVSOEJW
    ^

    View full-size slide

  22. .BQ-JCSF(-+4ͷྫNBQΠϕϯτ

    View full-size slide

  23. .BQ-JCSFOBUJWFJ04ͷྫ
    w 'JMF4XJGU1BDLBHF

    View full-size slide

  24. .BQ-JCSFOBUJWFJ04ͷྫ
    w ·ͩ.BQCPYͱग़ͯ͘ΔͷͰ஫ҙ

    View full-size slide

  25. .BQ-JCSFOBUJWFJ04ͷྫ
    w 4XJGU6*Λ࢖͏৔߹͸ϥούʔΛ
    ࢖͏
    w IUUQTEPDTNBQCPYDPN
    IFMQUVUPSJBMTJPTTXJGUVJ
    w ·ͩOBUJWF͸υΩϡϝϯτ͕ॆ࣮
    ͍ͯ͠ͳ͍ͷͰ.BQCPYͷυΩϡ
    ϝϯτʹཔΔͷ͕ྑͦ͞͏

    View full-size slide

  26. .BQ-JCSFOBUJWFJ04ͷྫ

    View full-size slide

  27. ·ͱΊ
    w .BQ-JCSF͸ී௨ʹ࢖͑ΔΑ͏ʹͳ͍ͬͯΔΑ
    w /BUJWF͸·ͩυΩϡϝϯτ͕ͦΖͬͯͳ͍ͷͰ஫ҙ
    w UJMFPQFOTUSFFUNBQKQͷϕΫλλΠϧͱ૬ੑ͕ྑ͍ͷͰ࢖͍ͬͯͩ͘͞ʂ

    View full-size slide

  28. ͓·͚
    w Իָʹ߹Θͤͯݐ෺͕ಈ͘αΠτ
    w IUUQTPTNGKHJUIVCJPHFPXFFL@BOE@XFFLFOE@
    w "SDIJWFPSH͔Βμ΢ϯϩʔυ͢ΔͷͰͪΐͬͱ஗͍͔΋͠Εͳ͍
    w ͪͳΈʹ༑ୡͷۂΛ࠾༻͍ͯ͠·͢

    View full-size slide