Google Maps上で二点間の中心点を観察できるページを作った - hitode909の日記
最近引越し先を探していて、もうちょっと北がいいとか、通勤を考えるとうちのオフィスに近いほうがいいか、とかディスカッションしていたのだけど、実際のところ中心点はどこなのか？と気になってきた。 Google Maps上で経路は見えるけど中心点は見えないので、ちょっとAPIを呼んで可視化するページを作った。 きのうの深夜と今朝の早朝にちょっとずつ作ってるうちに方向性がぶれてきて、中心点に、「愛」と書かれたピンがプロットされる。 オフィス間の中心見ての通り、我が家の職場の中心点は御所の中心付近で、ここに住むと双方への通勤が非常に快適になることがわかった。 せっかくなので好きなキーワードを入力して、好きな場所と場所の中央を見えるようにしている。 よく冗談で、いまから東京オフィスと京都オフィスの中心で集まって、そこで宴会をしよう！とか言っているのだけど、その正確な場所を割り出せる。 はてな京都オフィス
オープンソースの地理情報システム「Re:Earth」登場 マウス操作で情報追加、地図をWebアプリとして公開可
東京大学は7月26日、地図サービスの開発を手掛けるユーカリヤ（東京都渋谷区）とともに、Webブラウザから使える地理情報システム「Re:Earth」（リアース）をオープンソースソフトウェアとしてGitHub上で公開した。地理空間上への情報のマッピングや、3D情報の付加などがマウス操作のみで行え、ユーザーが独自のWebアプリとして公開することも可能という。
地理空間情報を扱うなら知っておきたいPythonライブラリ、GeoPandas入門~基礎編~ | 宙畑
さまざまなデータを地理空間情報として重畳する上で有用なPythonのライブラリであるGeoPandas。前編ではGeoPandasを用いたデータの描画方法など基礎的な扱い方を紹介し、後編では衛星データと組み合わせて解析結果を可視化する方法を紹介します。 Pythonで地理空間情報を行う場合、GeoPandasの使い方を覚えておくととても便利です。 例えば、都道府県別の気象データを持っていたとします。そのテーブルデータ(csv)には地理情報と言えば、都道府県の名称くらいしかありません。このような場合、これを日本地図の上に重畳して可視化することはできません。 しかし、このデータに地図上に描画できる情報を与えることさえできれば、好きなデータを地図の上に重ねることができます。このようなことをしたい場合に、GeoPandasの使い方を知っておけば助けになります。 今回は、簡単な例を通じて、GeoPa
地理空間情報を扱う上で知っておきたいPythonライブラリ、GeoPandas入門~応用編・衛星データと組み合わせ~ | 宙畑
地理空間情報を扱う上で知っておきたいPythonライブラリ、GeoPandas入門~応用編・衛星データと組み合わせ~ 地理空間情報を解析する上で有用なPythonライブラリGeoPandas。後編では、衛星データとシェープファイルを組み合わせて解析することで、テーブルデータを作成することにチャレンジします。筆ポリゴンを任意の大きさのベクターデータで切り取り、切り取ったデータを用いて、衛星データをその範囲で取得し、NDVIの推移を求めます。 前編ではシェープファイルのような地図に重ねることのできる幾何的な情報を含んだデータと、単なるテーブルデータ（ただし、そのシェープファイルと同様のデータを含む場合。例えば都道府県の名称）を重ねて、作成したデータを描画するということを学びました。 後編となる本記事では、シェープファイルと同様に幾何的なデータを含みつつ、ラスターデータとして扱われているもの（代
アクセス元の都道府県と市レベルの住所が分かるAPI、Cloudflareがエッジ上のCloudflare Workersで提供へ
アクセス元の都道府県と市レベルの住所が分かるAPI、Cloudflareがエッジ上のCloudflare Workersで提供へ Cloudflareは、同社が提供するCloudflare Workersの新機能として、アクセスしてきたユーザーの都道府県と市レベルの住所が分かるAPIの提供を発表しました。 You can now serve personalized experiences for users based on their location using Cloudflare Workers. https://t.co/7fVhMGo3iN #DeveloperWeek — Cloudflare (@Cloudflare) April 13, 2021 Cloudflareは同社のCDNネットワークのエッジロケーションでJavaScriptを実行できるサービス「Cloudfl
徒歩10分以内で行ける範囲が一発でわかる！ 開発中の「任意の場所から5分・10分・15分圏が分かる地図」が便利そう
※本記事はアフィリエイトプログラムによる収益を得ています Twitterユーザーが作った「任意の場所から5分・10分・15分圏が分かる地図」がいろいろな用途に使えそうだと注目を集めています。 例えば自宅を選んだ場合、家を出て5分・10分・15分以内で行けるそれぞれの範囲が、自宅を囲むように表示されるというもの。これを引っ越し先候補に使えば、「アパートから徒歩10分圏内にあるお店」を簡単に調べたりできます。 新宿駅周辺から徒歩での5分・10分・15分圏（画像提供：@ShinagawaJPさん） 投稿したにゃんこそば（@ShinagawaJP）さんによると、道路の道のりや制限速度から所要時間を計算した範囲となっているため、同心円状にはならず、道路に沿って等時間線が伸びていくとのこと。そのため、特に川や山が近くにある場合には、よりユニークな形の線が形成されるようです。場所によって変わるのが見てい
Fetch APIのStream機能を使ってデータを読み込みながら地図を描画する
地理空間データはどうしてもデータサイズが大きくなりがちです。 通常のデータ読み込みでは、読み込みが終わるまで地図の描画を始めることができないのですが、Fetch APIのReadableStreamを使うことで、「一部データを読み込んでは地図の一部分を描画する」という分割したレンダリングを実装することができます。 サンプルコード 約50MBのポリゴンデータを読み込みながら逐次描画しています。 DEMO //地理データをstreamを使って読み込む fetch("city.txt").then((response) => { const reader = response.body.getReader(); const stream = new ReadableStream({ start(controller) { function push() { reader.read().then(
MapAPI を研究したら1週間でWebサービスをリリースした話
サイトURL： BingMaps GO! 参考URL : BingMaps Documents 一度サイトを見てから記事を読んだほうが面白いかもしれません。 【 なぜ？ Map APIを研究しようと思ったのか 】 MapAPIを授業で使ったいた 私は、エンジニアでもありますが、学校でプログラミングも教える立場でもあります（デザインは超苦手です）。 JavaScriptを使った授業ではMAP APIを利用する授業もあります。ビジネスアプリケーションなどでは、Mapを使ったものもありますし、ポケモンGOやUberのように位置情報・MAPを使ったアプリケーションも出ていますので、使えたほうが良い技術の1つと考えています。また、APIは自分で考えたオブジェクト・関数の作り方と違うことが多いでしょう。他のAPIを使用することも考え慣れるためにも良い教材だと考えています。 ※実際には他のAPI等も使っ
まるでシムシティのようなWeb地図ライブリラリ「eegeo.js」
eeGeo eeGeoは、「グランド・セフト・オート」や「レミングス」などのクリエイティブディレクターであったイアン ヘザーリントン氏が2010年9月に設立した3D地図を提供する会社です。 日本では、NTTドコモがライセンス供与を受け、屋内3Dマップの提供などを行っています。 今のところ、日本では3Dで表示できる地域がないのですが、ゲーム業界のノウハウを用いた地図サービスとして個人的に期待しています。 登録すれば個人ユーザーでもAPIを使用することができるので、紹介がてらサンプルを載せておきます。 Web版サンプル example 公式サイトに登録し、ダッシュボードから「Create new app」ボタンをクリックして「API Token」を取得してください。 スタイルシートとライブラリを読み込みます。 <link href="https://cdnjs.cloudflare.com/a
富豪実装なJavaScriptジオコーダーを作ってみた - Qiita
※ npmを使わず、スクリプトとデータを直接ダウンロードすることもできます。 Nodeでの利用は、こんな感じ。OSCでよくお世話になる、明星大学のキャンパスの緯度経度を出してみます。 var tokoro = require('tokoro') tokoro('東京都日野市程久保2-1-1', function(code) { if (code) { console.log('緯度', code[0]) // 35.64564 console.log('経度', code[1]) // 139.40688 } else { console.log('見つからないよ!') } }) 同じように、フロントエンドのJavaScriptからも使えます。Nodeの場合と違い、データの格納場所を変更できます。デフォルトは node_modules/tokoro/dataですが、任意の場所に置いて構いま
実用性重視から暇つぶしまで--地図データ活用のユニークなウェブサービス8選
地図サービスのAPIが公開されるようになって以降、それらを活用したさまざまなウェブサービスが有志によって作られ、公開されてきた。大手の地図サービスでは実現していないユニークな機能も多く、その着眼点に感心させられることもしばしばだ。今回は、実用性の高いサイトから暇つぶしに最適なサイトまで、地図データを活用してさまざまなプラスアルファを実現しているサービスを運営元が個人・法人いずれかを問わず、まとめて紹介しよう。 ◇2地点間の距離を測定できる「キョリ測（ベータ）」 「キョリ測（ベータ）」は、地図をクリックしていくことで、2つの地点間の距離を手軽に測定できるサービス。目的地までの距離および所要時間を手軽に知ることができるほか、消費カロリーの計算機能や面積の測定機能も備える。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
利用統計データを一切サーバーに送信しない、プライバシー重視設計のマップアプリが登場【やじうまWatch】
無料で使える「住所マスターデータ」公開、表記統一や緯度経度への変換に活用可能 全国の町丁目レベル18万9540件の住所データを記録
架空の都市の地図を作成出来るオープンソースのWebアプリ・「Map Generator」
Engadget | Technology News & Reviews
WEB地図クライアント「Leaflet」で�ズームレベルによってイベントを行う - Qiita
2D / 3Dの地図を作るためのライブラリ・「maptalks.js」
オープンソースの地図作成ツール・「TileMill」
なんと！異世界の地図を生成できるジェネレーター -Fantasy Map Generator
HTML/CSSも吐き出す超お手軽な世界地図素材作成サービス「Pixel Map」
