japan-map-js - 日本のクリッカブルな地図を表示
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 集まったデータをただ一覧にしているだけではインパクトは薄くなってしまいます。どう可視化するかが問題です。時系列で比較する場合は棒グラフや折れ線グラフ、グループの場合は円グラフなど、データによって選ばれるグラフは異なります。 もしデータが地域に合わせて作られるなら、地図上にマッピングするのがいいでしょう。日本地図にマッピングするなら使えるのがjapan-map-jsです。 japan-map-jsの使い方 デモです。都道府県名を出しているパターンです。 クリックすると、どの都道府県か分かります。 色分けもできます。 コロナウィルスのデータと合わせているパターンです。 japan-map-jsを使えば日本地図上にデータを可視化するのが簡単に実現できます。元々japan-mapで使われて
Stroly社との関係改善取り下げ連絡全文 - Code for History
この週末にStroly社に内容証明で出した、関係改善の取り組みの取り下げを通知する連絡の全文をここに引用公開します。 なぜ公開したかについては、末尾に記載しております。 なお、本文読んでいただければわかる通り、当方からの能動的取り組みは取り下げますが、先方からの取り組みに対する門戸は開いております。 拝啓 御社と当方との関係改善のやり取りにおきまして、当方からの回答が大変遅くなりましたことを、まずはお詫び申し上げます。 当該の関係改善に関する取り組みですが、理由については後述いたしますが本連絡の結論といたしまして、当方からの申し出は取り下げさせていただきます。もし御社の方で、当方との関係改善が必要だと考えられ、後述するような理由について態度を改善していただき、取り組みを継続されたいならば、その門戸は閉ざすつもりはございませんが、当方から申し出る形での関係改善の取り組みは取り下げさせていただ
地図ライブラリの本命「Leaflet」を5分で理解&導入する - Qiita
どうもmiyachi（@_38ch）です。 Web地図ライブラリ 「Leaflet」の簡易的なデモを5分で作成する方法を書いていきます。 ソースコードはこちらに丸っと置いておきます。 https://gist.github.com/miyachin/aa1f1d745578aa915fc2c2bd6e99d4df もしお役にたったらならStarをポチッとお願いします。 Leafletとは？ Leafletはモバイルフレンドリーなインタラクティブマップを作成する、JavaScriptオープンソースライブラリです。初版は、2011年にリリースされ、最新版は、2018年1月18日にver.1.3.1がリリースされています。 公式: Leaflet - a JavaScript library for interactive maps チュートリアルに沿って簡易デモを作る 「Leaflet」のwe
BootLeaf - Bootstrap/Leafletを使った地図テンプレート MOONGIFT
地図とWebは相性が良いです。移動中に地図を見たいと思うことは多いですし、旅行や出張前に計画を立てる上でも地図が必要です。それもあり、Googleマップをマッシュアップする地図サービスは無数に存在します。 今回紹介するBootLeafはそんな地図マッシュアップのベースになるようなソフトウェアです。様々な情報を地図に載せやすくなっています。 BootLeafの使い方 地図が右側に、表示している情報が左側に一覧になっています。 メイン画面 左のリストから選ぶと該当するデータがハイライトします。 データ選択 さらに詳細なデータはモーダルで表示されます。 モーダル表示 データは検索でインクリメンタルに絞り込めます。 検索 ラインデータの表示もサポートされています。 ラインデータ表示 データはチェックボックスで表示/非表示が切り替えられます。 データの追加表示 BootLeafを使えば地図と独自のデ
MapSCII - ターミナルで使える地図サーバ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近のシステムはなんでもWebベースになっています。正直サーバで作業することが多い人にとっては辛いのではないでしょうか。w3mやlynxでは見られないサイトも増えています。 もし地図を確認しなければならない機会があったらMapSCIIを使ってみましょう。インストールいらず、telnetで使える地図サービスです。 MapSCIIの使い方 デモは簡単に確認できます。下記のコマンドでOKです。 telnet mapscii.me 最初に表示されるのは世界地図です。 どんどんズームしていきます。 この時点ではローマ字で出ています。 かなりズームすると日本語ラベルになります。 データはOpenStreetMapになるようです。そしてデータをベクタータイルに展開し、ターミナル上に描画しています
d3-geomap - Create Geographic Maps for the Web
d3-geomap is a library for creating geographic maps that are rendered in a Web browser. d3-geomap is written in JavaScript using features introduced in EcmaScript 6 and later and built on top of D3.js. Quickstart Set the charset of your document to utf-8 right at the beginning of the HTML head section, then include the downloaded dependencies, and in the body create a div with the id map. Setting
気になる地域のInstagramをざっと眺められる『Instamap』 | 100SHIKI
似たようなツールがあったような気もするが、シンプルで使いやすかったのでご紹介。 Instamapでは、指定した地域のInstagram写真をざっと眺めることができる。 使い方は簡単で、気になる地域を検索（もしくは現在地を選択）したあとにカメラボタンを押すだけだ。 気になる写真はクリックすれば詳細を見ることもできる。 ちょっとでかけた先でぼんやり眺めていると新しい発見があるかもですね。
ぬるぬる動く！Web地図クライアント「Leaflet」を使おう！
D3.jsと組み合わせても使いやすい、Web地図クライアントライブラリの大本命……だと、個人的には思ってる……たぶん。 leaflet leaflet.jsとは何か leafletはWeb上で地図を表示するオープンソースのマップクライアントライブラリです。 軽量でスマートフォンなどのタッチ操作にも対応した地図を手軽に表示することができます。 ユーザーによって様々なプラグインが作成されているのが特徴で、それらを組み合わせることで多様な表現を行うことができるので「地図なんてGoogle Maps APIで十分じゃね？」という方も、一度触ってみてください。 そんな訳で、簡単な「Leaflet クイックスタート」的なものを書いてみました。 ベースマップの作成 cdnからcssファイルとjsファイルを読み込みます。 <link rel="stylesheet" href="http://cdn.le
モバイルデバイスにおける地図と所在地検索
店舗の地図はシンプルなリスト表示より見た目は魅力的かもしれない。しかし、それによってモバイルデバイスで生じるユーザビリティ上の課題はあまりに多い。 Maps and Location Finders on Mobile Devices by Aurora Bedford on January 19, 2014 日本語版2014年2月17日公開 所在地を見つけて行き方を知るというのは、ユーザーがスマートフォンで最もよく行うタスクの1つである。モバイルのWebサイトやアプリを利用して、ユーザーがどれだけ素早く容易にあなた方の所在地を見つけられるかはあなた方のビジネスの成功に大きな影響を与えかねない。所在地を見つけるのが大変だと、モバイルユーザーがライバル企業のほうを向いてしまい、二度と戻ってこなくなってしまう可能性もあるからである。その上、たとえユーザーがあなた方の所在地をがんばって見つけてく
quickstart-map-js - 地図で遊ぼう。ArcGISを使ったサンプル集 MOONGIFT
地図は位置情報と結びつけると凄く魅力的で面白いサービスになります。ArcGISというGISサービスの統合プラットフォームがあるのですが、これを使うと位置情報を含めた様々なデータが取り出せます。 そのサンプルとして開発されているのがquickstart-map-jsです。Googleマップとはまた違う面白さがそこにはありそうです。 サンプルです。まずは白地図。 標高をマッピングしました。 衛星＋都市。この辺りはGoogleマップでもありますね。 拡大すると日本も英語ながら地名が出ます。 標高だけにすると随分見やすくなります。 ウォーターカラー。面白い表現ですね。 ここからがArcGISのデータを使った表現になります。 ルート案内。USだけなのが残念ですが。 1〜3分内にいける場所をマッピング。 こちらも細かいルート案内。複数箇所を指定できます。 複数のデータをマッピング。 自由に線やポリゴン
jQuery Mapael·jQuery x Raphaëlな地図描画ライブラリ MOONGIFT
JavaScriptと連携できる地図が欲しかった方は要チェック！ Web上でSVGを扱う際に使われるライブラリで有名なのがRaphaëlです。そんなRaphaëlをjQueryベースで使えるようにしたプラグインがjQuery Mapaelになります。地図に限定されますが、SVGで描かれた地図に様々な情報を付与したりJavaScriptと連携させることができるようになっています。 実際の例としてはフランスの地図を扱ったものが多くなっています。 マウスオーバーでハイライトされます。 さらにズームもできるタイプもあります。この辺りはSVGならではと言えるでしょう。 JavaScriptと連携させることでクリックイベントをキャッチできるようになっています。 人口の多い町や都市を描いています。こういった外部データとの連携も容易です。 最後はフランスではなく世界地図のデモです。 国ごとにデータを色分け
今昔マップ on the web:時系列地形図閲覧サイト|埼玉大学教育学部 谷謙二（人文地理学研究室）
本サイトでは、全国59地域について明治期以降の新旧の地形図を切り替えながら表示できます。収録した旧版地形図は、4,847枚にのぼります。「今昔」の読み方は「こんじゃく」です。 みたい地域が入っていない、という時は、「ひなたGIS」を使えば 昭和戦前期の1/5万地形図を全国見られます。 使用上の注意 使用データ ネタマップ タイルマップサービスについて Windows版デスクトップ「時系列地形図閲覧ソフト『今昔マップ3』」 この地図の作成に当たっては、国土地理院長の使用/複製承認を得ています。（承認番号 平25情使、第365号；平25情使、第700号；平27情使、第142号；平27情使、第881号；平27情複、第1088号；平28情使、第1094号；平28情複、第1366号；平29情複、第566号、第1092号、第1436号；平30情複第197号、第234号、第432号、第620号、第859
テキサス大学図書館米軍のJapan City Plans TMSデータ公開 - Code for History
この記事とかで言及してた、テキサス大学図書館米軍のJapan City Plans地図データ、全部できてませんができてる分だけ先行公開しました。 https://github.com/tilemapjp/jcp_maps/ サイト準備したりとか利用規約準備とか煩わされるのがウザいのでgithubでの公開です。 データ形式は、TMS(TileJSON)、MBTiles、kmlの3形式で、リストファイルを置いてます。 githubなので追加データができるたびにリストもコミットしていきます。 1つデータ化するの自体は、調査から含め15分もあればできるので、優先的にデータ化して欲しいのがあればIsuueにでも入れておいてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - HemingwayLee/japan-map-js: Clickable map of prefectures (or area) of Japan.
See Your Neighbors
大日本帝國陸地測量部発行 五万分一地形圖
Flaticon
香川県が大阪府より狭くなったのは、井島の県境未確定域が確定したからでしょ - Code for History
世界地図でデータをビジュアライズする際に使えるJSライブラリ「DataMaps」:phpspot開発日誌
iPhone/Android向け「ゼンリン住宅地図」提供、現在地周辺の表札も検索可能 