世界中のいくつかの地域を選択するために、Google Charts と同様の方法で Datamaps.js を使用したいと考えています。
まず、デフォルトの「setProjection」関数にアクセスしたいのですが、方法がわかりません。
次に、世界のいくつかの地域で投影を作成したいと思います。ただし、Datamaps Webで見たのはアフリカの例だけです。
どんな助けでも大歓迎です。
編集:
私が現在テストしているのは、このコードです。確かに改善される可能性がありますが、機能します:
function getProjection() {
//Projection por defecto
var currentProjection;
var region = $("#mapRegions")[0].value;
if (region === 0) {
// Zoom in on World
currentProjection = function(element) {
var projection = d3.geo.mercator()
.center([0, 20])
.rotate([-10, 0])
.scale(65)
.translate([element.offsetWidth / 2, element.offsetHeight / 2]);
var path = d3.geo.path()
.projection(projection);
return {
path: path,
projection: projection
};
}
} else if (region == 1) {
// Zoom in on Africa
currentProjection = function(element) {
var projection = d3.geo.mercator()
.center([23, 5])
.rotate([4.4, 0])
.scale(150)
.translate([element.offsetWidth / 2, element.offsetHeight / 2]);
var path = d3.geo.path()
.projection(projection);
return {
path: path,
projection: projection
};
}
} else if (region == 2) {
// Zoom in on Europa
currentProjection = function(element) {
var projection = d3.geo.mercator()
.center([45, 60])
.rotate([0, 0])
.scale(150)
.translate([element.offsetWidth / 2, element.offsetHeight / 2]);
var path = d3.geo.path()
.projection(projection);
return {
path: path,
projection: projection
};
}
}
return currentProjection;
}
私は現在メルカトルで作業しているので、重要なのはd3.geo プロジェクションを変更することでした。