地理院地図の地図タイルを使ったD3.js&Cesiumサンプル
D3.jsでラスター地図のパン／ズーム＆移動の記事を書いた頃は、まだ「電子国土Web.NEXT」だったので、タイル画像を取得するためのリクエストを送るのが非常にメンドウだったのですが、「地理院地図」に代わって一般的なxyz方式でタイル画像を取得できるようになりました。詳細は下記ページで確認できます。 地理院地図 地理院タイルを用いた開発 だいぶ使いやすくなりましたね。 OpenLayersやLeafletを用いたサンプルは公式サイトに掲載されているので、ここではD3とCesiumを使ったサンプルを載せておきます。 D3ラスタータイルサンプル <script src="http://d3js.org/d3.v3.min.js"></script> <script src="http://d3js.org/d3.geo.tile.v0.min.js"></script> (function()
WebGLを利用して3Dな地図を作成できるライブラリ「Cesium」
Cesium はApache 2.0ライセンスの下、オープンソースとして作成された3D地図作成ライブラリです。 ハードウェアアクセラレーショングラフィックスにWebGLを使用しており、クロスプラットフォーム、クロスブラウザで、動的なデータ可視化を行うのに利用することができます。 公式サイトのデモなどを見ると、その性能の高さを感じることができます。 (以下スクリーンショット、公式サイトより） ほんの少しだけ触ってみました。 サンプルコード ぐんまちゃんを群馬に貼り付けてみました。 //セシウムウィジェットを作成 var widget = new Cesium.CesiumWidget('cesiumContainer'); //イメージレイヤーを取得 var layers = widget.centralBody.getImageryLayers(); //イメージレイヤにぐんまちゃん画像を
Mixing maps and WebGL to visualize huge geo datasets
Product updates, customer stories, and tips and tricks on Google Maps Platform Just like you’d expect from a Maps Layer you can now load in data. WebGL Layer uses GeoJSON as a data source, but you can extend this as you wish. You can use GeoJSON from your application or GeoJSON from an external source. There’s also support for Vector Tile Servers. As WebGL Layer is designed to display huge amounts
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
