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

技術 - 地図の記事一覧

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

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

もっと見る

List

  • 2017/05/31

MapSCII - ターミナルで使える地図サーバ

最近のシステムはなんでもWebベースになっています。正直サーバで作業することが多い人にとっては辛いのではないでしょうか。w3mやlynxでは見られないサイトも増えています。もし地図を確認しなければならない機会があったらMapSCIIを使ってみましょう。インストールいらず、telnetで使える地図サービスです。## Ma...

List

  • 2016/11/22

sidebar-v2 - 地図にサイドバーを追加

地図系サービスではサイトに埋め込めるようにしたり、地図にマーカーを載せたりするためのAPIを提供しています。しかし、表示されているもの以上の機能を追加しようとすると途端に面倒になります。意外とカスタマイズ性が低いのが地図系ライブラリです。そこで使ってみたいのがsidebar-v2です。各種地図ライブラリに対してサイドバ...

List

  • 2016/09/17

City Generator - Web上に動かせる3D地図を表示

JAXAが公開している細かいメッシュでの地球上の高度データを使ってどんなことができるのか。主な目的は災害対策であったり、都市計画を立てる際の基礎データになるのですが、そういった目的で使う人は限られた業界の人たちになるでしょう。もっと面白い使い方が考えられれば、地図データの活用幅も広がります。今回はその一つ、City G...

List

  • 2016/08/24

ImageMaps - Naver製。地図画像の編集ツール

地図は地図のまま利用するのではなく、多くの場合その上にアイコンを載せたり線を描いたりします。そうすることで目的の場所を目立たせたり、駅などから目的地へ移動しやすくなるでしょう。今回紹介するのはImageMaps、地図の上にアイコンなどを載せられるjQueryプラグインです。## ImageMapsの使い方編集画面です。...

List

  • 2016/03/27

Worldize - 世界地図を画像出力。加工もサポート!

地図上にデータを表示する際などに、世界地図の白地図が欲しくなることがあります。さらに言えば情報が簡単に載せられる仕組みが欲しいと思うこともあります。わざわざ白地図をダウンロードして画像編集ソフトウェアで加工するのは面倒です。そこで使ってみたいのがWorldizeです。白地図の生成と加工を一手に行える便利なソフトウェアで...

List

  • 2015/04/09

Tangram - 地図 + Open Street Mapでできる面白さ

HTML5になってWebの表現力は格段にあがっています。その表現力を担うのがCanvasやWebGLになります。特にWebGLはiOS8からようやく使えるようになったとあって、今後注目を集めるのではないでしょうか。その一例として今回はTangramを紹介します。Open Street MapとWebGLを組み合わせた素...

List

  • 2014/12/30

Satellite Eyes - 地図を使った壁紙チェンジャー

地図はとても魅力的なコンテンツです。Googleマップをはじめ、ストリートビューや衛星写真を眺めていても飽きることがありません。そんな地図好きな方にぜひ使ってみて欲しいのがSatellite Eyesです。Satellite Eyesは壁紙チェンジャーなのですが、現在位置を使って地図、衛星写真を取得して壁紙化するところ...

List

  • 2014/09/25

Static-google-Maps - Googleマップの静的画像取得を簡単に

GoogleマップはWebサイト内に埋め込んで使えるのが便利ですが、Ajaxに対応していないデバイスや動かす機能を無効にしたい場合静的な画像として出力してくれる機能があります。しかしあえて使うのが面倒で何となく避けていたという方はStatic-google-Mapsを使ってみると良さそうです。## Static-goo...

List

  • 2014/08/09

geojson.io - GeoJSON出力に対応したWebベースのマップエディタ

地図コンテンツはいつも根強い人気があります。しかし意外と作るのは面倒だったりします。地図は色々なプロバイダーから提供されていますが、その上にマーカーを立てたり、四角く囲んだりするのは面倒です。それをビジュアル的にできるのがgeojson.ioです。最終的にGeoJSONファイルを生成してくれるマップエディターです。##...

List

  • Premium_s 2014/08/01

業務で使えるオープンソース(120)「位置情報」

今回のテーマは位置情報です。スマートフォンが流行るのにともなって位置情報を使うアプリ、サービスが増えていますが、その反面プライバシーに直結することもあってその扱いに注意が必要にもなっています。とは言え技術的に見ればとても面白い活用法が考えられるだけに、様々な活用法が出てきているのも事実です。そこで最近の話題と関連オープ...

List

  • 2014/07/01

Odyssey.js – 地図とテキストをミックスした格好いいコンテンツ

地図を使ったコンテンツを作るのは楽しいですが、いざ作るとなると意外と難しいのではないでしょうか。Googleマップにマーカーを載せても、それをタップしないと内容が分からなかったりします。そこで紹介したいのがOdyssey.jsです。地図とコンテンツをミックスした面白いプレゼンテーションを作成できます。## Odysse...

List

  • 2014/02/18

ViziCities - 体験必須!オープンソースの3D地図

オープンソースでもここまで出来てしまう凄さが。Appleのマップは登場当時こそ叩かれましたが、それでも改善を重ねて徐々に使えるようになってきています。そんな中、注目されているのが建物の3D表示です。同様の機能はGoogleマップやBingでも開発されています。そんな3Dマップをオープンソース・ソフトウェアで実現してくれ...

List

  • 2014/02/14

quickstart-map-js - 地図で遊ぼう。ArcGISを使ったサンプル集

地図は位置情報と結びつけると凄く魅力的で面白いサービスになります。ArcGISというGISサービスの統合プラットフォームがあるのですが、これを使うと位置情報を含めた様々なデータが取り出せます。そのサンプルとして開発されているのがquickstart-map-jsです。Googleマップとはまた違う面白さがそこにはありそ...

List

  • 2014/02/01

Mappy.js - Googleマップでマーカーを立てるのに便利なjQueryライブラリ

Googleマップは地図を便利に使える存在ですが、プログラムと組み合わせようと思うと若干面倒なことがあります。そうした時にはサードパーティ製のライブラリを使うのがお勧めです。マーカーを立てたり、検索したりと言った操作をするならばMappy.jsが便利ではないかと思います。さっそく見ていきましょう。!マーカーを立てたとこ...

None

  • 2014/01/30

震災とオープンソース

2011年は忘れもしない東日本大震災が起こった年です。そして災害支援をキーワードにしたサービスが数多く登場した年でもあります。オープンソース・ソフトウェアでもそれは同じく、震災情報を集めたり、節電情報を促すようなソフトウェアが数多く登場しています。このとき活躍したのがGoogle App EngineやHerokuであ...

List

  • 2014/01/16

TileMill - マルチプラットフォームで使えるマップエディター

インタラクティブな地図作成にどうぞ!地図は非常に面白い素材です。単純に表示するだけでなく、マーカーを立てたり別な統計データを重ねたりと色々な使い方が考えられます。しかし最も利用しやすいGoogleマップですらAPIを介した利用に対して簡単にはいかないものです。そこで見て欲しいのがTileMillです。デスクトップアプリ...

List

  • 2013/11/21

Prefectly - 使おう!WebFontとCSSを使った日本地図

誰かが作ってくれると思っていた!Stately

List

  • 2013/11/21

Maplace.js - 軽量なjQuery × Googleマップライブラリ

Googleマップをプログラマブルに組み込むのに良さそうです。GoogleマップはAPIの多彩さ、機能の柔軟さもあって様々なサービスで使われています。位置情報や地図を扱おうと思ったら一番に考えるのではないでしょうか。そんなGoogleマップをさらに手軽に使えるようにしてくれるライブラリがMaplace.jsです。機能は...

List

  • 2013/11/18

Winston-Salem Crime Map – 地域の犯罪情報を地図上にマッピング

こういうのは日本でも登場して欲しい!スマートフォンは普段からずっと身につけていますので生活に密着した情報をチェックするのに役立ちます。それは良い情報はもちろん、悪い情報についてもそうです。Winston-Salem Crime Mapはウィンストンセーラムの犯罪情報を地図にマッピングして表示してくれるアプリになっていま...

List

  • 2013/11/08

jQuery Mapael – jQuery x Raphaëlな地図描画ライブラリ

JavaScriptと連携できる地図が欲しかった方は要チェック!Web上でSVGを扱う際に使われるライブラリで有名なのがRaphaël;```といった感じに呼び出すだけです。とても手軽ですね。Alternative contentというコンテンツがある通り、クローラーやJavaScript非対応の場合は別なコンテンツを...