シェープファイルをhtmlに表示させる方法を調べていくうちにPythonが持っているgeopandasという地図出力ライブラリだとshpの出力が可能だとわかり、シェープファイル(shp形式)を表示させてみました。 ところが、html上に表示させるためflaskを活用しようと思ったのですが、geopandas flaskで検索してもなかなか見つからず難航していたところ、shpファイルに対し、matplotlib内のcanvas機能を使って画像化する方法があることを知りました。そこで、flaskでその画像を表示できないか試行錯誤していくうちに、ひとまず方法を実現できたので、備忘録として記しておきます。 なお、このページではシェープデータは全部ポリゴン(図形)を使用しています(他にドット、ラインがあります)。 1:html上に画像化したshpを表示させる 画像を表示させる手順は以下の通りです m
![【Python】geopandasで描画したシェープデータをflaskでhtml上に画像出力する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8748b5a1df14e83f7355c6c6a9c8d27fd6f8ef48/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwUHl0aG9uJUUzJTgwJTkxZ2VvcGFuZGFzJUUzJTgxJUE3JUU2JThGJThGJUU3JTk0JUJCJUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgyJUI3JUUzJTgyJUE3JUUzJTgzJUJDJUUzJTgzJTk3JUUzJTgzJTg3JUUzJTgzJUJDJUUzJTgyJUJGJUUzJTgyJTkyZmxhc2slRTMlODElQTdodG1sJUU0JUI4JThBJUUzJTgxJUFCJUU3JTk0JUJCJUU1JTgzJThGJUU1JTg3JUJBJUU1JThBJTlCJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iM2IxZjhiMzNkN2Q1OTkwMTYwZGI5MDVkZDU4MWRlYg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBCUlNGJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05NmJlZmVjNjE4OTdiNzkxZGJkOWIwZTRlNzNkOTk5NQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D0b2e6e11269cec971d04e4e6069cc879)