Webix Advent Calendar 2014 17日目の記事です。 グラフに引き続き、WebixとD3を使ってレスポンシブな地図を描画します。 コンポーネントとして表示した地図はウインドウや境界線を移動した際に、自動的にコンポーネントのサイズにグラフがリサイズされます。 サンプル example 前回作成したカスタムコンポーネントを使用します。 ■ 地図を描画する var japan_map = { view:"d3-chart", resize:true, url:"http://shimz.me/example/d3js/_geodata/ken.geojson", ready:function(){ var scale = Math.floor( (this.$width + this.$height) /2) ;//地図が収まるスケールを取得 var regulate =
![WebixとD3.jsを使ってレスポンシブな地図を作成する](https://cdn-ak-scissors.b.st-hatena.com/image/square/ea3f8bcc3d1792e5404f94594104e950b0a8679a/height=288;version=1;width=512/https%3A%2F%2Fgunmagisgeek.com%2Fblog%2Fwp-content%2Fuploads%2F2014%2F12%2Fwebix1412171.jpg)