【D3.js】ベクター地図のパン／ズーム＆移動
d3.json("japan.topojson", function(json) { d3main(json); }); function d3main(json){ var scale = 1500; var geodata = topojson.object(json, json.objects.japan).geometries; projection = d3.geo .mercator() //投影法の指定 .scale(scale) //スケール（ズーム）の指定 .translate([300,350]) .center([139.0032936, 36.3219088]); //中心の座標を指定 var path = d3.geo.path().projection(projection); //投影 var svg = d3.select("svg"); //地図を描画 v
【D3プラグイン】フロアマップを表示する「Floor Plan」
example 「Floor Plan」は図面上にレイヤーを重ねて、ポリンゴンデータやパスデータ、ヒートマップデータなどを表示できる、D3プラグインです。 簡単に使えてわりと実用的かも。 間取り図の表示なんかに使えるかもしれません。 サンプルコード var w = 720; var h = 487; //スケールの指定 var xscale = d3.scale.linear() .domain([0,50.0]) .range([0, w]); var yscale = d3.scale.linear() .domain([0,33.79]) .range([0, h]); //初期化 var map = d3.floorplan().xScale(xscale).yScale(yscale); var imagelayer = d3.floorplan.imagelayer(); va
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
