1

世界中のいくつかの地域を選択するために、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 プロジェクションを変更することでした。

4

0 に答える 0