地図マピオンのリニューアルとベクタータイルの取り組み

Dfa36f596af5e15d0b28bac7516b1f81?s=47 One compath
October 13, 2019

 地図マピオンのリニューアルとベクタータイルの取り組み

Dfa36f596af5e15d0b28bac7516b1f81?s=128

One compath

October 13, 2019
Tweet

Transcript

  1. 地図マピオンのリニューアル と ベクタータイルの取り組み 株式会社 ONE COMPATH  清水珠里 本城博昭 信原優子  FOSS4G 2019 KOBE.KANSAI

  2. ࣗݾ঺հ • ਗ਼ਫचཬʢ͠Έͣ͡ΎΓʣ • ৽ଔͰ๭ෆಈ࢈ձࣾʹೖࣾˠ͍Ζ͍Ζ͋ͬͯ̍೥Ͱୀ৬ • ๭SIerʹస৬ˠ͍Ζ͍Ζ͋ͬͯ̔೥Ͱୀ৬ • גࣜձࣾϚϐΦϯೖࣾ̒೥໨ •

    ओʹ஍ਤλΠϧͷੜ੒ͱ഑৴Λ୲౰
  3. ஍ਤνʔϜͷϝϯόʔͨͪ • ຊ৓തতʢ΄Μ͡ΐ͏ͻΖ͖͋ʣ • mapboxϕΫλʔλΠϧͷੜ੒/഑৴Λ୲౰ɻϚϐΦϯͷ ϕΫλʔλΠϧͷ࢓૊ΈΛཱ֬ͨ͠ਓ • twitter : @honjo2

    • ٕज़తʹฉ͖͍ͨ͜ͱ΍ΞυόΠεͳͲ͋Ε͹twitter· Ͱ͓ئ͍͠·͢ʂ
  4. ஍ਤνʔϜͷϝϯόʔͨͪ • ৴ݪ༏ࢠʢͷͿ͸ΒΏ͏͜ʣ • ֶੜ࣌୅ʹGISͱग़ձͬͨ͜ͱΛػʹ͜ͷۀքʹ • גࣜձࣾϚϐΦϯೖࣾ̓೥໨ • ϥελʔλΠϧͷੜ੒Λ୲౰

  5. 2019/4/1 マピオンは ONE COMPATH に なりました

  6. ONE COMPATHͱ͸ʁ • ONE COMPATH ͸λΠϙͰ͸͋Γ·ͤΜɻɹ COM → ʮڞʹʯ PATH

    → ʮಓΛͭ͘Δʯͱ ͍͏ҙຯ͕ࠐΊΒΕͨ଄ޠͰ͢ • ஍ਤαʔϏεϚϐΦϯʹՃ͑ɺ΋ͱ΋ͱತ൛ ҹ࡮͕ӡӦ͍ͯͨ͠Shufoo!ͳͲͷαʔϏε΋ Ճ͑ɺ໊ࣾΛมߋ͠·ͨ͠
  7. ONE COMPATHͱ͸ʁ • ઃཱ 1997೥1݄20೔ • ࢿຊۚ 6ԯԁ • ैۀһ਺

    116ਓʢ2019೥4݄࣌఺ʣ • גओɹತ൛ҹ࡮ (100%) • OSGeo೔ຊࢧ෦ ஂମձһ
  8. ONE COMPATHͷαʔϏε • ஍ਤαʔϏεɹMapionʢϚϐΦϯʣ • ిࢠνϥγαʔϏε Shufoo!ʢγϡϑʔʣ • ΢ΥʔΩϯάΞϓϦ aruku&ʢ͋Δ͘ͱʣ

    • ελϯϓϥϦʔήʔϜɹέʔλΠࠃ౪Γ߹ઓ • ΤϦΞσʔλϚʔτ TORIMAKUʢτϦϚΫʣ
 
 etc…
  9. 変わったのは社名だけでは ありません

  10. None
  11. 実は地図データも 変わりました!

  12. 地図マピオンの リニューアル

  13. タイル生成の しくみについて

  14. #FGPSF ϑΝΠϧαʔό 4IBQFpMF (FPUJ⒎ 1045(*4 %# ஍ਤλΠϧੜ੒αʔό .BQ4FSWFS 1045(*4 ϕΫλʔ༻

    %# ஍ਤλΠϧੜ੒αʔό .BQCPY ϕΫλʔλΠϧ ʢQCG
  15. ओͳมߋ఺ • ϥελʔͱϕΫλʔͰ෼͔Ε͍ͯͨDBΛ౷Ұ • SHAPEϑΝΠϧͷӡ༻Λ΍ΊΔ • ϕΫλʔλΠϧΛϥελʔԽͯ͠ϥελʔλΠ ϧੜ੒
 ˠੜ੒εϐʔυΞοϓ +

    DBΛىಈͤ͞Δඞཁ ͕ͳ͍ͨΊඅ༻࡟ݮ
  16. "GUFS ϑΝΠϧαʔό (FPUJ⒎ 1045(*4 %# ஍ਤλΠϧੜ੒αʔό .BQ4FSWFS ஍ਤλΠϧੜ੒αʔό .BQCPY ϕΫλʔλΠϧ

    ʢQCG 3D෩+ ಠࣗ࢓༷ͷ஍ਤ εϓϥΠτϑΝΠϧ ʢQOH KTPO ϑΥϯτϑΝΠϧ ʢQCG ελΠϧϑΝΠϧ ʢKTPO
  17. ϥελʔԽͷ՝୊ • λΠϧڥ໨ͷ஫ه͕੾ ΕΔ • λΠϧͷڥ໨ͷ஫هΛ ඇදࣔʹ͢Δͱফ͑Δ ͷͰղܾʹͳΒͳ͍ TZNCPMBWPJEFEHFTUSVF

  18. ϥελʔԽͷ՝୊ • όοϑΝΛઃ͚ͯϨ ϯμϦϯά͠ɺλΠ ϧͷαΠζʹ੾Δ

  19. タイル生成の 運用について

  20. λΠϧߋ৽ • ϦχϡʔΞϧޙɺσʔλͷೖߘ͸݄1౓ʹ • ϝδϟʔߋ৽
 ೥̎౓ͷେ෯ͳߋ৽ɻσʔλͷ࢓༷มߋ͋Γ • ϚΠφʔߋ৽
 ϝδϟʔߋ৽݄Ҏ֎ͷσʔλߋ৽

  21. λΠϧߋ৽ • σʔλೖߘͷͨͼʹશҬੜ੒͢Δͷ͸ɺίετ ΋࣌ؒ΋͔͔Γա͗ͯ͠·͏ • ଈ೔ରԠΛߦ͏ͨΊͷ೔࣍ߋ৽΋ඞཁ
 
 ϝδϟʔߋ৽ˠશҬੜ੒
 ϚΠφʔߋ৽ɺ೔࣍ߋ৽ˠมߋՕॴͷΈ࠶ੜ੒

  22. タイルの全域生成

  23. ετϨʔδ ஍ਤλΠϧੜ੒αʔό .BQCPY ஍ਤλΠϧੜ੒αʔό .BQCPY ஍ਤλΠϧੜ੒αʔό .BQCPY ஍ਤλΠϧੜ੒αʔό .BQCPY ੜ੒͢ΔλΠϧID

    Λ֨ೲ ෼ׂͯ͠ ֤αʔόʹ഑ஔ 42-JUF %# ɾɾɾ ϕΫλʔλΠϧ
  24. ετϨʔδ ϕΫλʔλΠϧ ʢQCG ஍ਤλΠϧੜ੒αʔό .BQCPY 1045(*4 %# ஍ਤλΠϧੜ੒αʔό .BQCPY 1045(*4

    %# ஍ਤλΠϧੜ੒αʔό .BQCPY 1045(*4 %# ஍ਤλΠϧੜ੒αʔό .BQCPY 1045(*4 %# ɾɾɾ ɾɾɾ ϕΫλʔλΠϧ lv4ʙ18 18HͰੜ੒׬ྃ
  25. ετϨʔδ ஍ਤλΠϧੜ੒αʔό .BQCPY ஍ਤλΠϧੜ੒αʔό .BQCPY ஍ਤλΠϧੜ੒αʔό .BQCPY ஍ਤλΠϧੜ੒αʔό .BQCPY ϕΫλʔλΠϧ

    ʢQCG ɾɾɾ lv5ʙ19 32HͰੜ੒׬ྃ ϥελʔλΠϧ εϓϥΠτϑΝΠϧ ʢQOH KTPO ϑΥϯτϑΝΠϧ ʢQCG ελΠϧϑΝΠϧ ʢKTPO ϕΫλʔλΠϧ͔Βੜ੒͢ ΔͷͰDBͷىಈෆཁ
  26. 変更があった箇所の タイルの再生成

  27. λΠϧͷ࠶ੜ੒Օॴͷࢉग़ • ௥Ճ/ߋ৽/࡟আର৅ͷ஍෺ͷϦετ͔Βɺ࠶ੜ ੒ର৅ͷλΠϧIDΛSQLiteʹ֨ೲ
 1045(*4 %# ௥Ճߋ৽࡟আର৅ͷ ஍෺ͷ*%Ϧετ 42-JUF %#

    ߋ৽લɿߋ৽/࡟আର৅ͷID ߋ৽ޙɿ௥Ճ/ߋ৽ର৅ͷID
  28. λΠϧIDͷࢉग़ • λΠϧIDͷࢉग़ʹ͸ɺmapbox/tilecoverΛར༻ • ग़ྗ݁ՌΛsqliteʹinsert͢ΔΑ͏ɺվ଄ͯ͠ ࢖͍ͬͯΔ

  29. 地図デザインについて

  30. Ҏલͷ஍ਤσβΠϯΛ౿ऻ ֗۠ͷ৭෼͚ Ӻग़ೖޱͷදݱ ڥքઢ ަࠩ఺ͷදݱ

  31. ࣮͸มΘͬͨͱ͜Ζ΋… ԰ࠜ෇͖Ξʔέʔυͷදݱ ͜Ε͕݁ߏධ൑Ͱͨ͠

  32. ஍ਤσβΠϯͷࠓޙ • ֗۠ͷ৭෼͚ͳͲɺϚϐΦϯΒ͠͞Λ࢒ͭ͠ ͭɺΑΓྑ͍σβΠϯͷ୳ٻ͸ෆՄܽ • ৽͍͠σʔλΛ׆͔ͨ͠σβΠϯ΋ݕ౼ͯ͠ ͍͘

  33. というわけで無事に 地図のリニューアルが できました

  34. ベクタータイルの取り組み

  35. ONE COMPATHの ベクタータイルは Mapbox Vector tile です!

  36. 詳しくはこちら マピオン ベクタータイルはじめました https://speakerdeck.com/mapion/mapion- bekutatairuhazimemasita-jing-du-bian

  37. ϑΥϯτϑΝΠϧʹ͍ͭͯ ϕΫλʔλΠϧ εϓϥΠτ ϑΝΠϧ ϑΥϯτ ϑΝΠϧ ελΠϧ ϑΝΠϧ ϨϯμϦϯά ͕͜͜ͱͬͯ΋

    ॏ͍
  38. ϑΥϯτϑΝΠϧʹ͍ͭͯ • ϩʔΧϧͷϑΥϯτΛ࢖༻͢Δ͜ͱͰɺ͜ͷ ໰୊Λղܾग़དྷΔ
 localIdeographFontFamilyΛࢦఆ͢Δ • ͨͩ͠ɺ೔ຊޠϑΥϯτ͸ϩʔΧϧͷ΋ͷͩ ͕ɺΞϧϑΝϕοτͱ਺ࣈͷϑΥϯτ͸ϦϞʔ τΛ࢖͏

  39. ϑΥϯτϑΝΠϧʹ͍ͭͯ ਺ࣈ΍ΞϧϑΝϕοτ͕ ͍ࠞͬͯ͡Δ஫هͷදه͕͓͔͘͠ ͳͬͯ͠·͏ ϩʔΧϧϑΥϯτόʔδϣϯΛ ϥϘαΠτʹͯެ։த

  40. ظؒݶఆσʔλ • ஍ਤλΠϧʹදࣔظؒͷσʔλΛؚΊɺ
 ελΠϧϑΝΠϧͰظؒ಺ͷσʔλͷΈදࣔ ͢Δ͜ͱͰɺλΠϧͷ࠶ੜ੒ͳ͠ʹɺ஍෺ͷ ͩ͠Θ͚͕ՄೳʹͳΔ

  41. ೔ຊޠ/ӳޠซه ผʑͷΧϥϜʹ֨ೲ͞Ε͍ͯΔ೔ຊ ޠσʔλͱӳޠσʔλΛελΠϧϑΝΠϧͰ ͭͳ͗ɺվߦίʔυΛೖΕΔ ӳޠซهόʔδϣϯΛ ϥϘαΠτʹͯެ։த

  42. 今後に向けて

  43. 社内の ベクタータイルへの 理解をふかめる

  44. ࣾ಺ͰϕΫλʔλΠϧΛ ஌ͬͯ΋Β͏ͨΊʹ… • ϫʔΫγϣοϓͷ։࠵
 ˠΤϯδχΞ/ඇΤϯδχΞ໰ΘͣɺϕΫλʔ λΠϧͰͰ͖Δ͜ͱΛ஌ͬͯ΋Β͏৔Λ࡞Δ • MVT StylerΛ୭Ͱ΋࢖͑ΔΑ͏ʹ
 ˠؾܰʹϕΫλʔλΠϧͷσβΠϯΛࢼͤΔ

    ؀ڥ
  45. MVT Styler • ϦΞϧλΠϜͰσβΠϯͷมߋ͕֬ೝͰ͖Δ • γϯϓϧͳػೳͰɺ௚ײతʹૢ࡞Ͱ͖Δ ஍ਤ্ͰϨΠϠʔΛ ֬ೝͰ͖ΔͷͰศར

  46. ࠓ೥ͷ৽ਓ͞Μ͕ MVT-StylerͰ࡞ͬͨ࿨෩஍ਤ

  47. 店舗検索サービス

  48. ళฮݕࡧαʔϏεͷ՝୊ • ONE COMPATH ͷ஍ਤ͸΋ͱ΋ͱ
 ʮ஍ਤ͕ओ໾ʯͷ஍ਤͳͷͰɺళฮ৘ใΛࡌ ͤΔͱ͏Δ͘͞ײͯ͡͠·͏͜ͱ΋…

  49. ϕΫλʔλΠϧΛ׆༻ʂ • ళฮݕࡧαʔϏε༻ͷ஍ਤσβΠϯΛ༻ҙ͠ɺ ళฮ৘ใΛࡌͤͯ΋ݟ΍͍͢஍ਤʹʂ

  50. ϕΫλʔλΠϧΛ׆༻ʂ • ز͔ͭͷ஍ਤσβΠϯΛ४උɻαΠτͷςΠ ετʹ߹Θͤͯબ୒Մೳ

  51. 今後もベクタータイルの 活用をすすめていきます!

  52. 最後に…

  53. ONE COMPATHでは 一緒に働く仲間を 募集しています! ご興味のある方は 清水まで!

  54. ありがとうございました