ITエンジニア/デザイナ向けにオープンソースを毎日紹介

技術 - 地図の記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2020/09/28

Leaflet Image - 地図上にフリーハンドでヒートマップを描く

地図とヒートマップの相性はよいです。どの地域で特に問題が発生しているか、気温が高い、風が強いかなど多くの情報が地図とヒートマップの組み合わせで表現されています。しかし自分で作るのは骨が折れるでしょう。そこで使ってみたいのがLeaflet Imageです。地図を使ってフリーハンドで描けるヒートマップライブラリになります。...

List

  • 2020/09/11

city-roads - 地図の道ごとに色分けして表示

地図を元々提供されているままではなく、オリジナルのデータを載せたり、描画方法を変えたいと思ったりすることはないでしょうか。その手のことをしようと思うとGoogleマップでは難しかったりします。そうした目的でよく使われるのがOpenStreetMapです。今回紹介するcity-roadsもそうした一例になります。地図の道...

List

  • 2020/08/14

Citylines.co - 各国の路線図を共有、公開

鉄道好きな人は世の中にたくさんいます。路線図を眺めているだけで幸せという人も多いでしょう。日本は世界でも電車交通網が発展した国だと思いますが、他の国の都市でも、各国ならではの路線図があります。そうした路線図を共有、公開しているのがCitylines.coです。電車好き、地図好き、旅行好きの心を鷲づかみにしてくれることで...

List

  • 2020/08/06

map33.js - Three.jsを使って3D地図を生成

ただ地図を表示するだけでも面白いのに、それが立体になるとさらにワクワクします。これはGoogleアースなどで立体的な地図を見た時、誰もが感じた感情でしょう。立体化されることで、より体験がリアルに感じられます。今回紹介するmap33.jsはWeb上で地図を立体的に表示してくれます。建物などではなく、等高線に基づいた立体化...

List

  • 2020/08/01

ベクトルタイルを用いた3D風地図 - 地図上にベクトルタイルの建物データを表示

地図好きな人は大勢います。地図を見ているだけで、その街を空想したり、旅している自分を想像できます。さらに最近ではストリートマップや、写真によって、自分が本当にいるかのように感じることだってできるようになりました。今回紹介するベクトルタイルを用いた3D風地図は、地図の上に3Dオブジェクトを配置し、建物データを描画するデモ...

List

  • 2020/07/03

MapGenerator - 空想のリアルな地図を生成

ゲームや小説などで街の地図が欲しくなることがあります。現実のものを使ってもいいですが、地図サービスのデータは著作権が関わってきます。それに現実のものでは創造性が阻害されてしまうかも知れません。そこで使ってみたいのがMapGeneratorです。架空の地図を自動生成してくれるソフトウェアです。## MapGenerato...

List

  • 2020/06/19

Progressive Web Maps - オフラインでも使えるPWAの地図アプリ

PWA(Progressive Web Apps)が広まることで、スマートフォンアプリとWebアプリの垣根がなくなってきています。タスク管理や電卓のような簡易的なアプリケーションはもちろん、IDEのような大型なWebアプリケーションもPWA対応してきています。今回紹介するProgressive Web Mapsは地図ア...

List

  • 2020/05/30

japan-map-js - 日本のクリッカブルな地図を表示

集まったデータをただ一覧にしているだけではインパクトは薄くなってしまいます。どう可視化するかが問題です。時系列で比較する場合は棒グラフや折れ線グラフ、グループの場合は円グラフなど、データによって選ばれるグラフは異なります。もしデータが地域に合わせて作られるなら、地図上にマッピングするのがいいでしょう。日本地図にマッピン...

List

  • 2020/04/27

COVID-19-Map - コロナウイルスに関する現状を可視化するアプリ

コロナウイルスが猛威を振るっています。日々、世界中で感染者が増加しており、さらに多くの人たちが亡くなっています。こうした状況下において大事なのは、正しい情報を正しく判断することでしょう。今回紹介するCOVID-19-MapはデータのソースとしてEsri ArcGISが公開しているものを利用し、マップに展開しているアプリ...

List

  • 2020/02/11

Pinball Map - 世界中のピンボールをマッピング

ピンボールは昔懐かしい、しかし今でも愛されているゲームです。ゲームセンターの奥にあったり、バーやパブにあったりします。派手なアクションが爽快で、上手な人はずっと遊んでいられます。そんなピンボールが遊べる場所を世界中でマッピングしているのがPinball Mapです。## Pinball Mapの使い方トップページです。...

List

  • 2020/01/30

Peak map - 地図上に等高線を表示して立体的に表示

山登りをする人であれば、等高線を用いた地図を見ているだけで楽しい気分になるのを理解できるでしょう。実際に歩いているところを想像したり、ルートを探索したりするのも楽しいです。そんな方(だけでなく)楽しめるソフトウェアがPeak mapです。## Peak mapの使い方元の地図。!

List

  • 2019/10/24

Mini Tokyo - 電車の動きを地図にマッピング

都内では毎日たくさんの電車が動き続けています。数分おきに厳密な時間管理に基づいて動き続けるのは有機的ですらあります。それを殆ど事故なく稼働し続けるのは奇跡的とすら言えるでしょう。そんな公共交通機関のデータを実際の地図上にマッピングしたのがMini Tokyoです。## Mini Tokyoの使い方メイン画面です。地図上...

List

  • 2019/09/25

fullstack.ai - 自転車での経路時間を機械学習で推測

機械学習を使って何ができるのか。あまりにも汎用性が高いため、何でも使えるイコール何に使ったら良いか分からないといった状態になっていそうです。そこで必要なのが実例です。多くは画像や動画など、試すのが難しそうなものが多いですが、今回紹介するfullstack.aiはもっと手軽に試せそうです。## fullstack.aiの...

List

  • 2019/08/15

Random World Map Generator - WebAssemblyで高速に3D/2D地図を生成

ゲームなどで地図データを使いたい時は良くあります。シムシティなどのシミュレーションゲームであったり、ローグライクなRPGでも使えます。そういった時の地図はある程度のランダム性があるとより面白いです。今回紹介するRandom World Map GeneratorはWeb上でランダムな地図データを生成してくれるサービスで...

List

  • 2019/07/16

maps-journey-replay - 進んだ道を地図上でリプレイ

旅行前に地図を眺めてあれこれ計画を立てたり、現地を想像したりするのが好きです。逆に旅行に行ってしまった後に同じ地図を見返すことは殆どないのですが、旅路を振り返るのが好きな人も多そうです。そんな方にお勧めしたいのがmaps-journey-replayです。あの時通ったあの道を辿れるWebアプリケーションです。## ma...

List

  • 2019/05/21

AreaMap - 日本/世界のカラム地図

情報の表示として、リストを使った一覧が最もよく使われますが、縦長になってしまうのが難点です。横幅がそれほど必要でない場合、タイル表示にするのも一案です。しかしタイル表示の場合、その並べ方に注意しないとどこにあるのか分かりづらくなります。今回紹介するAreaMapはその一案として面白そうなソフトウェアです。日本や世界の各...

List

  • 2019/05/17

maprayJS - 地理空間情報を3Dに高速表示

地図は様々な楽しみ方があります。Googleマップのようにドローイングされたもの、航空写真、Google Earth、路線図など様々な情報が地図として表現されています。それぞれ楽しみ方が異なり、見ていて飽きないことでしょう。今回は地理空間情報とユーザの情報を合わせて3Dマップを生成するmaprayJSを紹介します。##...

List

  • 2019/05/07

MapKnitter - 地図の上に写真やテキストを投影

地図は単に閲覧するだけでなく、自分の持っているデータと重ね合わせて表示したりすると楽しみ方の幅が広がります。古地図を重ね合わせるMaplat

List

  • 2019/04/14

Maplat - 現在と古地図を重ね合わせ

古地図を見るのが好きな方は多いです。江戸自体やそれ以前に作成された地図を現在のものと重ねてみると、当時から変わらないものや逆に変わったものが浮かび上がってきます。そうした古い道を辿ることで今まで知らなかった発見ができたりします。今回紹介するMaplatはそんな古地図と現在の地図とを重ね合わせて表示できるソフトウェアです...

List

  • 2019/03/31

gtfspy-webviz - GTFSを地図上で可視化

様々な情報がオープンデータ化し、さらにそれらのデータを共通フォーマット化する動きがあります。共通フォーマットになることで再利用性が高まり、異なる企業や国、自治体同士のデータを連係させられるようになります。今回はgtfspy-webvizを紹介します。GTFS(General Transit Feed Specifica...