「道路を方角ごとに塗り分けると、その街のでき方がわかる :: デイリーポータルZ」 を Leaflet と地理院地図VectorでleafletGISfoss4g はじめに 道路を方角ごとに塗り分けると、その街のでき方がわかる :: デイリーポータルZ という素敵な記事があります。 これを Leaflet と 地理院地図 Vector を使って実装してみましょう。 できあがり このように動作するものができあがりました。日本全国閲覧可能です。道路の密度が高い地域は表示が重くなるのでご注意を。 ワーキングデモは上の画像をクリックするか、こちらの URL からどうぞ。 ソースコードは gist においています。LICENSE は MIT を設定しているので適宜ご利用ください。 解説 100行に満たない html/js なのでとりあえず全部貼っておきますね。 <!DOCTYPE html> <ht
![「道路を方角ごとに塗り分けると、その街のでき方がわかる :: デイリーポータルZ」 を Leaflet と地理院地図Vectorで - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e86288c0f4c253b484bb51e553ae045deabd2984/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJThDJUU5JTgxJTkzJUU4JUI3JUFGJUUzJTgyJTkyJUU2JTk2JUI5JUU4JUE3JTkyJUUzJTgxJTk0JUUzJTgxJUE4JUUzJTgxJUFCJUU1JUExJTk3JUUzJTgyJThBJUU1JTg4JTg2JUUzJTgxJTkxJUUzJTgyJThCJUUzJTgxJUE4JUUzJTgwJTgxJUUzJTgxJTlEJUUzJTgxJUFFJUU4JUExJTk3JUUzJTgxJUFFJUUzJTgxJUE3JUUzJTgxJThEJUU2JTk2JUI5JUUzJTgxJThDJUUzJTgyJThGJUUzJTgxJThCJUUzJTgyJThCJTIwJTNBJTNBJTIwJUUzJTgzJTg3JUUzJTgyJUE0JUUzJTgzJUFBJUUzJTgzJUJDJUUzJTgzJTlEJUUzJTgzJUJDJUUzJTgyJUJGJUUzJTgzJUFCWiVFMyU4MCU4RCUyMCVFMyU4MiU5MiUyMExlYWZsZXQlMjAlRTMlODElQTglRTUlOUMlQjAlRTclOTAlODYlRTklOTklQTIlRTUlOUMlQjAlRTIlODAlQTYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTMyYzNjOWRlNjU0ZmUzNjFmY2UyYjY2NTJkYzA1NDVl%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBmcm9nY2F0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01ZTAxOTA3NjBkZTgyOWE3OTM0NDg2NjhiNjMwNzVkNg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3De2ea4aa916ff0090bee7baa44a829794)