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

技術 - 地図の記事一覧

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

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

もっと見る

List

  • 2013/02/18

Web Fontの新しい使い方!US地図をWeb Font/CSSで表現「Stately」

StatelyはWeb Font/CSSを使ってUS地図を表示するソフトウェアです。地図(ここではUS)をWeb上に描こうと思った場合、SVGを使ったり画像を使うのが一般的です。しかし今回は一風変わったやり方、Web Fontを使ったStatelyを紹介します。デモです。このアメリカの地図がフォントで作られています。一...

List

  • 2013/01/27

iOSのマップアプリ風に現在位置を目立たせる「GeoLocateMe」

GeoLocateMeはiOSのマップアプリ風に現在位置を表示するWebアプリケーションです。iOSのマップアプリで自分の位置を表示すると、中央にマーカーが出てきて周囲にソナーのような波紋風のイフェクトがかかります。それを模したソフトウェアがGeoLocateMeです。最初に位置情報取得の確認がされます。丸い円が広がり...

List

  • 2013/01/03

みんな作るシティーマップ「Majuro.js」

Majuro.jsは近所の説明などを加えるオープンな地図データプラットフォームです。OpenStreetMapでは道路や建物などの外観を共有していますが、より具体的に街を表現するのに使えそうなのがMajuro.jsです。実例。建物などが分かりやすくなっています。写真の貼付けもできます。こちらは編集画面。まず表示したい地...

List

  • 2012/12/03

OpenStreetMapをWeb上でメンテナンス「iD」

s2If current_user_canMOONGIFTはこう見るOSMの編集ツールは幾つかあるのですが、基本的に使い勝手があまり良くありません。スマートフォン向けアプリでは小さいものが多いですし、専用ソフトウェアをダウンロードさせるのは敷居が高いです。Web、しかもデスクトップのブラウザを使うのは利点があると思われ...

List

  • 2012/10/11

iOS6になってもGoogleマップを使いたい方はこれ!「ClassicMap」

ClassicMapはiOS5当時のマップアプリを彷彿とさせる地図アプリです。Googleマップを使えます。ついにAppleがiOS6のマップについて謝罪し、サードパーティのマップアプリをお勧めするようになりました。しかしみんなが欲しいのはiOS5以前のマップアプリではないでしょうか。そこで使ってみたいのがClassi...

List

  • 2012/10/01

iOS6の地図上にGoogleマップをオーバーレイ表示「GoogleMapsOverlayiOS」

GoogleMapsOverlayiOSはiOS6のMapKitの上にGoogleマップをオーバーレイするライブラリです。iOS6になって最も不評を買っているのがマップアプリでしょう。デフォルトのマップビューを使うとOpenStreetMapベースになってあまりにも使い勝手が悪くなる…そう考える開発者の方はGoogle...

40562?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f07%2fscreenshot-2012-07-03-13.15.34_thumb

  • 2012/07/15

SVGを用いたリサイズ対応の地図「jQuery Vector Maps」

jQuery Vector MapsはSVGで描かれた地図です。JavaScriptとの親和性が高いです。HTML5から標準に取り入れられた技術の一つにSVGがあります。IllustratorなどもSVGで出力できますが、まだまだ利用範囲は広くありません。そこでSVGを使ったデモとしてjQuery Vector Map...

40246?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f06%2fscreenshot-2012-06-26-10.52.38_thumb

  • 2012/07/07

Google Earthライクな3D地球ビューワー「EarthView」

EarthViewはGoogle EarthライクなiOSモックアップアプリです。iOS6において標準のマップアプリが3D化に対応します。Googleもまた、地図の3D表示をサポートするなど平面だった地図を立体にする動きが盛んです。自分でもそんなアプリを…と考える人はEarthViewを参考にすると良さそうです。起動時...

List

  • 2012/06/15

Googleマップをもっと簡単に使おう「gmaps.js」

gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。GoogleマップではJavaScriptのAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。イ...

38257?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f04%2fscreenshot-2012-04-26-15.42.19_thumb

  • 2012/05/06

GoogleストリートビューをWebGLで「WebGL Google Street Viewer」

WebGL Google Street ViewerはWebGLを使って作られたGoogleストリートビュービューワーです。Googleストリートビューはとても面白いサービですが、Flashで作られているのが珠に傷です。そこで使ってみたいのがWebGL Google Street Viewerです。WebGLを使ってG...

List

  • 2012/04/19

MapCSSに対応したiPad向けOpenStreetMapビューワー「MapCSS」

OpenStreetPadはOpenStreetMapに対応した地図表示のiOSアプリです。MapCSSに対応しています。ここ最近OpenStreetMapを使ったサイト、サービスが増えてきています。そこで自分のiPadアプリにもOpenStreetMapを組み入れたいと思ったならば参考にしたいのがOpenStreet...

37866?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f09%2fscreenshot2011-09-22-15.32.33_thumb

  • Premium_s 2012/04/13

最近話題のOpenStreetMapって何だ?関連ソフトウェア×14選

最近何かと話題のOpenStreetMap(OSM)。オープンな地図を制作するプロジェクトですが、今回はそんなOpenStreetMapを採用している例やその特徴および関連オープンソース・ソフトウェアを紹介します。

37212?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f03%2fscreenshot-2012-03-24-14.04.15_thumb

  • 2012/04/05

地図の上に色々なレイヤーを重ねる「Stamen Maps」

Stamen Mapsは各種地図サービスに載せられるレイヤーを提供するソフトウェアです。Stamenというサンフランシスコの開発/デザインスタジオが手掛けてきた地図表示に関するプロジェクトをオープンソースとして公開したのがStamen Mapsです。トップページです。OpenStreetMapの上に3つのレイヤーが重な...

36954?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f03%2fscreenshot-2012-03-19-17.04.17_thumb

  • 2012/03/28

Twitterの今が分かる。位置情報を含んだツイートをGoogleマップに表示「Tweereal」

TweerealはTwitterのストリームAPIを使い、位置情報が入ったツイートをGoogleマップに表示するソフトウェアです。TwitterのストリームAPIを使うと次々にデータが入ってきます。それを使って「今」どこでツイートされているかをマップ上に可視化してくれるのがTweerealです。地図に今ツイートしたデー...

List

  • 2012/02/01

地図上に独自のデータをマッピング「WorldMap」

WorldMapは地図上にデータレイヤーを重ねて表示させるWebアプリケーションです。地図の上に様々なデータを載せて表示するだけでとても面白いコンテンツになります。それを容易に実現できるWebアプリケーションとしてWorldMapを紹介します。既に登録されている地図を検索できます。ローディング中です。日本の地図はやはり...

List

  • Premium_s 2012/01/24

地図をもっと楽しもう。2011年の話題と関連ソフトウェア×19選

インターネットはデジタルの世界ですが、利用者はリアルに存在します。そのためデジタルの中でもリアルを感じられる地図は関心が強く、人気が高いサービスになっています。そこで今回は2011年中に起きた地図関連の話題とWebサービス、そして地図を使ったオープンソース・ソフトウェアをまとめて紹介します。

32231?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f11%2fscreenshot2011-11-21-16.56.22_thumb

  • 2011/11/29

世界各国の移住状況を知ろう。HTML5製の移住者マップ「Migrations Map」

Migrations Mapは世界の移住状況を流入、流出に分けてグラフィカルに表示するソフトウェアです。HTML5で作成されています。大抵の人は産まれた国で一生を過ごします。しかし中には移住する人もいます。ある国を中心にして、国民がどこへ移動しているのか、逆にどこから移住者がやってくるのか、それをビジュアル化したのがM...

29899?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f09%2fscreenshot2011-09-22-15.32.33_thumb

  • 2011/10/05

Googleマップとは違う、フリーのマップを編集する「OpenLayers Editor」

OpenLayers EditorはOpenLayersで作られた地図データに線やマーカーを描けるエディター。OpenLayers EditorはPHP製のオープンソース・ソフトウェア。OpenLayersはどのWebサイトでも使えるフリーの地図だ。Googleマップのように便利だがフリーではない地図の場合、利用できる...

28304?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f07%2f3dsearch4_thumb1

  • 2011/07/30

研究データをGoogleマップやGoogle Earthに重ねて表示「MapTiler」

MapTilerは研究データなどをGoogleマップやGoogle Earthにタイル上に重ねて表示できるレイヤーを生成するソフトウェア。MapTilerはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。地図はとても面白いコンテンツだ。旅行の計画を立てたり、近くを散策したりする時にも必ず地図...

27988?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f07%2fscreenshot2011-07-04-10.23.10_thumb

  • 2011/07/14

地理や時間に紐づいたデータを可視化するのに使える多機能なプラットフォーム「Weave」

Weaveは地理情報に基づいたデータをビジュアル化するプラットフォーム。WeaveはFlex製のオープンソース・ソフトウェア。データのビジュアル化はとても重要だ。それによって個々の数値を見ていただけでは分からなかった特徴が浮かび上がってくる。データはXYの二軸だけでなく、時間や地域など多次元な要素を含む場合も多い。解析...