WEB関連CSV形式などの位置情報を持ったデータを登録すれば、ブラウザ上で地図データを簡単に作成・共有できるWEBサービス「CartoDB」を利用してみたのでそのメモ。CartoDBとは?無料でブラウザ上で利用できる地理情報可視化ツールです。(有料プランあり)地図の作成にはログインアカウントが必要。Googleアカウントを利用可能です。整理されていない状態のCSV形式のデータでもブラウザ上で設定を行っていくことで、立派な地図にマッピングすることができます。基本海外製のアプリケーションなので、日本語への対応が弱い部分もありますが、きちんと設定することで十分利用に耐えられるものにすることができます。日本語では、カルトディビーと読みます。Vimeo.作例などのギャラリーはここから見ることができます。昨年ミズーリ州ファーガソンで起きた銃撃事件では、TwitterがCartoDBを使って、全世界のその事件の報道のされ方、報道の広がる様子を地図化した(下図)。防災情報として河川の水位情報をマッピングしてみる。オープンデータとして登録されている、静岡県の河川の水位情報を元データにして、CartoDB上でマッピングを行ってみます。[STEP1]静岡県のサイトから、元データとなるCSVをダウンロード水位観測所の施設名+位置情報データはここからダウンロードできるのですが、なぜか、緯度経度情報が10000倍されている謎仕様。そのままでは使いづらいので別途、正常な座標系に修正したファイルを準備したので、こちらを利用してください。↓右クリックで保存してください。Shizuoka_WaterLevel_ObservationPoint.csv(緯度経度修正済み。静岡県のリアルタイム河川情報の赤丸部分からダウンロード可能です。[STEP2]CartoDBに水位観測所の位置情報を登録する。https://cartodb.com/にアクセスします。以下の画面で[Signup]をクリックして、アカウントを作成してください。(Googleアカウントがあればそれでログインすることもできます。DATASET]をクリック水位観測局情報(Shizuoka_WaterLevel_ObservationPoint.csv)をブラウザ上にドラッグしてファイルをアップロードしてください。[BROWSE]を押して、ファイルを選択してもOKです。時間がかかりますが、以下のような画面でCSVの内容が表示されると思います。これでデータセットが登録されました。上部メニューで[MapView]に切り替えると位置がマッピングされているのがわかると思います。万が一、緯度経度がうまく登録されない場合は、右上の[Edit]の▼を押して[GeoReference]をクリックすると、列を選んで緯度経度と紐づけることもできます。VIEW]に戻します。VIEW]でデータの各列の名称部分の▼を押すと、列の名前が変更できます。ここでは日本語は使えません。必要に応じてあとでわかりやすいように、名称を調整します。Metadata]をクリックするとデータセット自体の名称やプロパティーも調整できます。VIEW]に切り替えます。wizardのメニューを開きます。Mediumを選択します。フォントを設定しないと、日本語が正常に表示されません。上記を行うと各地点に地点名称が表示されるはずです。右側メニューの吹き出しアイコン(infowindow)をクリックして、pointnameのトグルをONにします。これによって、地点にマウスカーソルを載せたときに、該当フィールドの情報が表示されます。タブメニューの下の[A]のアイコン(下図)をクリックすると、各ラベルの名称を日本語に変更できます。pointnameを「観測局名」に変更しましょう。labels]でラベル名を日本語にinfowindow内のタブを[click]から[Hover]に切り替えて、上記4/5/6と同様の内容を実施します。これにより、地点にマウスが触れた(hover)時点で、該当する情報が表示されます。項目は適宜お好みで調整してください。Basemapのメニューから地図の見た目をいろいろ調整することもできます。右上の[Visualize]をクリックすると、マップを公開することができます。[Visualize]ボタンが[PUBLISH]に変わります。[PUBLISH]を押すと、公開用のURLを取得することができます。スマートフォンなどでも見ることができます。公開後、[Options]メニューからズーム方法やフルスクリーン表示など、設定を調整することも可能です。ここまでで、以下のような地図が表示されたはずです。ホログラム安定性にかかわる用...2017-06-25MRDesignLabsメモ(1)MRDesignLabs_Unityを触りながら、だらだらとメモ。「第2回」で作成した、水位情報の地図に、新しいレイヤーを追加...2016-06-23CartoDB[第2回]水位情報を追加するCartoDBとオープンデータでお手軽地図マッピングの後編です。最新記事HoloLens2向けのカメラマウントの3Dプリントデータを作りました。読者になるはてなブログをはじめよう!pigshapeさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。