Mapboxã¨Turf.jsã§ãƒã‚¤ãƒ³ãƒˆãƒ‡ãƒ¼ã‚¿ã®3D地図を作る - Hirosaji Tech Blog ðŸ™ãƒã‚¤ãƒ³ãƒˆãƒ‡ãƒ¼ã‚¿ã®3D地図表ç¾ãŒã€Mapboxã«ã‚るよã†ã§ç„¡ã‹ã£ãŸã®ã§ä½œã‚Šã¾ã—ãŸã€‚ ã©ã‚“ãªæ™‚ã«ä½¿ã†ã® 棒グラフã«åœ°ç†æƒ…å ±ã‚’ä»˜ã‘ãŸã„時ã«ä½¿ãˆã¾ã™ã€‚ 例ãˆã°ã€ã€Œå…¨å›½ã®å±•æœ›å°ä»˜ãタワーã®é«˜ã•ã€ã‚’比較ã™ã‚‹å ´åˆã€‚ ↓ ↓　比較ã™ã‚‹å„地をã€åœ°å›³ä¸Šã«è¼‰ã›ã‚‹æ™‚ã«ä½¿ãˆã¾ã™ã€‚ ↓ 実装例 今回ã¯ã‚·ãƒ³ãƒ—ルã«ã€ï¼‘層ã®æ£’グラフを地図ã«è¼‰ã›ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ デモã¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ デモã¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ã€ã“ã¡ã‚‰ã®ãƒªãƒ³ã‚¯å…ˆã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ bl.ocks.org è¦ç‚¹ã®è§£èª¬ 今回ã®è¦ç‚¹ã¯ã€ãƒã‚¤ãƒ³ãƒˆãƒ‡ãƒ¼ã‚¿ã‹ã‚‰3Dãƒãƒªã‚´ãƒ³ãƒ‡ãƒ¼ã‚¿ã‚’作る点ã§ã™ã€‚ Mapboxã«ã¯ãƒã‚¤ãƒ³ãƒˆã‚’直接3Dã§è¡¨ç¾ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã¯ç„¡ã„ã®ã§ã™ãŒã€3Dãƒãƒªã‚´ãƒ³ã‚’æç”»ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰è‡ªä½“ã¯ã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€3Dãƒãƒªã‚´ãƒ³ãƒ‡ãƒ¼ã‚¿ã‚’作ã£ã¦æç”»ã—よã†ã€ã¨ã„ã†è€ƒãˆã§ã™ã€‚ ãªãŠã€Mapboxã¯GeoJSONå½¢å¼ã§ã‚ã‚Œã°å¤§æ¦‚ã®ãƒ‡ãƒ¼ã‚¿ã‚’ビジュアライズã§ãã‚‹ã®ã§ã€ä»Šå›žã¯GeoJSON
{{#tags}}- {{label}}
{{/tags}}