4

等高線図を表示するために Google マップで d3 を使用するために、Mike Bostok の例を使用しました。これが私のコードです：

http://bl.ocks.org/4959573

等高線図が Google マップの表示領域外に描画されないことを除いて、すべて問題ないようです。マップの寸法をいじることで、これを修正することができました。

#map {
  width: 100%;
  height: 3000px;
  top: -1000px;
}

これは最適ではなく、問題を完全に解決するわけではありません。ズームインしすぎると、プロットのサイズがマップのサイズを急速に超えてしまい、マップをパンするとマップが表示されるからです。

それを修正する他の方法はありますか？

4

1 に答える 1

1

コメントから引用され、再フォーマットされた、独自の問題に対するOPの解決策：

マップ スタイルを次のように変更しました。

#map {
  width: 100%;
  height: 100%;
}

等高線レイヤーのスタイルは次のように変更されました。

cont_layer
    .attr("width","8000px")
    .attr("height","8000px")
    .style("position","absolute")
    .style("top","-4000px")
    .style("left","-4000px");

SVG パスの x 座標と y 座標は、補正のために +4000px シフトする必要があります。

于 2013-06-19T23:53:05.030 に答える