stylesslab-annex D3.jsとTopoJSONで地図を表示してみたその２

テクノロジーカテゴリーの変更を依頼記事元:

stylesslabannex.atgj.net

2 usersがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fstylesslabannex.atgj.net%2Fd3.js%2Fd3.js%25E3%2581%25A8topojson%25E3%2581%25A7%25E5%259C%25B0%25E5%259B%25B3%25E3%2582%2592%25E8%25A1%25A8%25E7%25A4%25BA%25E3%2581%2597%25E3%2581%25A6%25E3%2581%25BF%25E3%2581%259F%2520%25E3%2581%259D%25E3%2581%25AE%25EF%25BC%2592" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="http://stylesslabannex.atgj.net/d3.js/d3.js%E3%81%A8topojson%E3%81%A7%E5%9C%B0%E5%9B%B3%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F%20%E3%81%9D%E3%81%AE%EF%BC%92">stylesslab-annex D3.jsとTopoJSONで地図を表示してみた その２</a><a href="https://b.hatena.ne.jp/entry/stylesslabannex.atgj.net/d3.js/d3.js%E3%81%A8topojson%E3%81%A7%E5%9C%B0%E5%9B%B3%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F%20%E3%81%9D%E3%81%AE%EF%BC%92">はてなブックマーク - stylesslab-annex D3.jsとTopoJSONで地図を表示してみた その２</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

stylesslab-annex D3.jsとTopoJSONで地図を表示してみたその２

さて。前回、TopoJSONファイルを作るためのツールが揃いました。今回は先人たちの轍をたどりながら、To... さて。前回、TopoJSONファイルを作るためのツールが揃いました。今回は先人たちの轍をたどりながら、TopoJSONデータを作成してみます。とは言え、そのまま真似ると面白くないので、日本の地図データを作成する事にします。なお、引き続き、使用しているのはubuntuです。まずは地図データのダウンロードです。 Natural Earthからデータを頂くとしましょう。 $ wget http://goo.gl/kOniZ $ wget http://goo.gl/0Jsqx 前者は国のポリゴンデータ、後者は居住地域の位置と名前だそうです。 google url shorterを使っているので、ダウンロードしたzipファイルが kOniZと0Jsqxになってますが、気にしない事にします。それぞれ、展開後のファイルを格納するためのディレクトリを作成します。ここは分かりやすいディレクト