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

技術 - 地図の記事一覧

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

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

もっと見る

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非対応の場合は別なコンテンツを...

List

  • 2013/11/04

PlanningPress – 交通計画情報用のWordPressテーマ

この仕組みは他でも使えそうですよ。新しいWebサイトを作る際にWordPressをベースにするといったケースは多いかと思います。とは言え全てのケースに当てはまる訳でもありません。そこで無理に投稿やページで解決しようとするならば、PlanningPressの仕組みを学ぶ方が良さそうですよ。!インストールしました。左側にE...

List

  • 2013/10/23

東京風速 - ぜひ見て欲しい!地図に風速情報をマッピング

もうずっと見ていたくなりますね。言葉で言うよりもまず動画を見てもらった方が早いと思います。ということで下記をまずご覧あれ。東京風速では現在の風速データを東京都環境局環境改善部大気保全課(な、長い…)から取得し、東京都の地図にマッピングしています。風の線が無数に描かれ、滑らかに移動していく様は見ていていやしすら感じられそ...

List

  • 2013/08/18

二点間の移動ルートを表示「iOS-Routing」

iOS-RoutingはiOS用のオープンソース・ソフトウェア(GPL)です。地図アプリは便利です。良く使うのが今いる場所から別な場所までどういったら良いか調べるといった操作ではないでしょうか。その実装例とも言えるアプリがiOS-Routingです。起動するとまず位置情報取得の確認が行われます。東京駅から東京タワーまで...

None

  • Premium_s 2013/08/07

お出かけ前、中、後のいつでも役立つ地図ソフトウェアを一気に紹介!

今回はこれからの夏の旅行に先駆けて役立つソフトウェアを一気にご紹介します。地図系ソフトウェアは人気が高く、多数ありますので今回はジャンルを分けて紹介しています。

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...