こんな複雑な時代だからこそ、MapboxGLを使って逆さ地図を作ろう！
leafletをベースとした地図クライアントライブラリ「mapbox.js」を提供しているmapbox社が次期クライアントとして新たに作成しているライブラリが「MapboxGL」です。 Google Maps APIなどのように地図画像を読み込んで表示するのではなく、ベクトルデータを読み込みクライアントサイドでWebGL(アプリの場合はOpenGL)を使って地図を表示します。 地図を回転させてみる ベクトルタイルにはさまざまな利点があるのですが、なかでも地図画像を読み込む方式では実現が難しかった地図の回転がクライアントサイドで自由に行えるというものがあります。 そこでMapboxGLを使ってパン／ズームに対応した「逆さ地図」を作ってみます。 とはいっても、コードは非常に簡単で初期設定以外ではmap.rotateToメソッドを使うだけです。 example （表示してから２秒後に地図が180
PythonとQGISを使って地理空間を可視化する – UFO目撃情報でのケーススタディ | POSTD
イントロダクション このチュートリアルでは、とあるデータサイエンティストの典型的な1日の過ごし方をご案内しましょう。まず地理空間のデータセットを入手し、不要なものを整理し、補強し、可視化します。使用するツールはPython、BeautifulSoup、pandasとNominatimライブラリ、そして地理情報システムの組織で広く使われているオープンソースの地図ソフトウェア、 QGIS です。 データセットになるのは、全米UFO情報センター（NUFORC）の このページ に掲載されているアメリカ全土のUFO目撃情報です。目標は、過去12カ月間に目撃されたUFOの地図を可視化することです。可視化によりデータセットをはっきりと示し、調査して、目撃されたとされるUFOの行動をよりよく理解することができます。可視化は地図作成プログラム内で行われます。QGISは地理空間データの手軽な試験的分析に特に向
Charlotte(シャーロット)２話に出てきた地図のleaflet版作った。
地理院地図……お前、地理院地図じゃないか！ というわけで、leaflet版作ってみました。 ズームもパンもできるよ！＼(^ω^＼)( /^ω^)/ ホントは地図の向きも合わせようかと思ったのですが、見づらくなるのと操作しづらくなるのでやめました。 example 一応、最新版のChromeとFirefoxで動作確認してます。IEもver.10なら動くみたいです。 制作委員会に怒られたら、やめるね！ 解説 地図部分を透明色でくり抜いた画像をLeafletの上に重ねているだけです。 地図の奥行を出すのにCSS transformを利用しています。 example <!doctype html> <html lang="jp"> <head> <meta charset="utf-8" /> <title>charlotte Maps</title> <link rel="stylesheet"
郵便番号マップを作ってみた
内陸地がぽっかりあいてるのが不思議だったり、色でどのへんの地域が近い番号なのかが分かったり、いろいろ興味深いです。 絞り込み機能 先頭の数字で絞り込む機能もつけてみました。 これが東京（1XX）。
第2回GISキャンプ – 災害時でのGISを用いた情報共有手法を学ぶ –
東日本大震災ではall311、sinsai.info、googleの安否確認システムなどが立ち上がり、位置に関する情報提供が行われました。しかしながら、災害の種類や地域によってGeoPlatFormや情報共有のしくみが定められていない我が国においては、災害発生後調整を成立することは困難であり、災害情報の共有において多くの課題を残しました。今年度のGISキャンプではJACIC（建設情報総合センター）の「日本版ICS下でのクラウド型GISの実装に関する研究」（代表：後藤真太郎）の補助を受け、発災直後、緊急に状況認識を統一すべきデータの収集・提供方法に焦点をあて、中間支援組織が組織間のデータ流通の調整にあたってマッピングチームを編成しデータ入力し、得られたデータを使用して、CERT（Community Emergency Response Team）で行われている災害支援業務の訓練Map you
オープンストリートマップの編集メッセージをツィートする #osmjp (山下康成の きばらないブログ)
みんなでつくり上げる WiKi 地図である オープンストリートマップ/OpenStreetMap の編集時コメントを都道府県毎に twitter に流すようにした。 経緯 オープンストリートマップ は、地図データを編集する際に、 "何のために何をどうした"をコメントとして残すことが推奨されている。 大阪 京都 神戸近辺が変更された際、 そのコメントを @osmjp_santo という twitter アカウントに tweet する仕組みを 以前、ある方が構築されていた。 誰が何のためにどこをどう編集したかがわかることによって、 ・共同作業時の排他制御の参考にしたりとか ・あの人頑張ってるなぁ、、、とか ・へへへ、最北端、先に行ったもんね とか といった情報共有、モチベーションの向上につながっていた。 その他、 ・他の地図からコピーしたらアカンやん という不正の検出にも役立つことがあった。
D3.jsとOpen Data〜その１地図を描画する - Qiita
この記事はD3.js Advent Calendar 2013の9日目です。Open Dataと大きなことを言いましたが、今回は行政データの基本のキであるところの地図を描画してみます。なわけで地図を描画するところがゴールです。 今回の完成図は下記です。国土交通省から神奈川県の行政区域データを取得しD3.jsで描画します。ついでにホームタウンとしているJリーグチーム毎に色塗りしてみました。(マリノスの最終節については触れるべからず！) サンプルページはこちら D3 Geo Projection D3.jsには地理描画機能がデフォルトで含まれており、さまざまな投影法によって地形データを描画することができます。 https://github.com/mbostock/d3/wiki/Geo-Projections この機能を使って地図を描画します データの入手 まずは国土交通省のページから行政区
流山市のオープンデータを使ってストーリーマップを作ってみた。
最近、海外のサイトでちらほら見かけるストーリーマップというモノが面白そうだったので作ってみました。 example 掲載した情報は流山市のオープンデータトライアルで公開されている「桜の名所」データを使わせてもらいました。 「ストーリーマップ」という用語は、色々なクラスタで使用され意味もそれぞれ違ってくるのですが、ここではスクロールイベントをトリガーにして地図操作を行い、ストーリーと地図を連動させるコンテンツです。 最近よくみかけて、オリジナルの地図を使ったものから、Google Maps APIを使ったもの、スクロールとストリートビューが連動したものなど様々なコンテンツが作られているようです。 今回は、とりあえず簡単にGoogle Maps APIと以前紹介したjQueryのプラグイン「Waypoints.js」を使用しています。 手軽なわりにインパクトもあって、パララックス効果なんかと組
GSI HOME PAGE - 国土地理院
国土交通省国土地理院 （国土交通省法人番号2000012100001） 〒305-0811 茨城県つくば市北郷１番 電話：029-864-1111(代表) FAX：029-864-1807 アクセス情報・地図
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
THE PAGE（ザ・ページ） | 気になるニュースをわかりやすく
地図に“オープンストリートマップ”を利用可能になった「轍 Wadachi」v3.85が公開
スマホ地図エンジンソムリエの独断偏見地図SDKガイド
日刊建設工業新聞 » パスコ、朝日航洋／高速道路の３次元データ提供開始／９０００キロ超の収集完了
地図で見る、国別最も使われているブラウザ
ケーブルカー
【地図ウォッチ】第152回：国土地理院「電子国土Web.NEXT」開発担当者インタビュー 等高線だけのレイヤーも今後リリースを検討