ズームオンのD3地図でのエラー

Question

したがって、世界に隕石の影響を示すマップを作成しました。マップはここに

http://codepen.io/redixhumayun/full/VPepqM/

私は地図上のズームを有効にしようとしています見つけることができます。国を拡大することはできますが、隕石を表す円はそれに応じて移動せず、コンソールにエラーが表示されます。サークルは元の位置と同じ場所にあり、ズームに応じて移動しません。ここで

ので、その関数外では使用できません、私はここで

Uncaught ReferenceError: meteorite is not defined

はズーム

var zoom = d3.zoom() 
      .on('zoom', zoomed); 

function zoomed() { 
    map.attr('transform', d3.event.transform); 
    meteorite.attr('transform', d3.event.transform); 
} 

Answer 1

隕石変数は、匿名関数function(data){ ...に対してローカルであるため、関連するコードで取得エラーです。

あなたはmapは、それが動作します定義されている場所に出宣言を移動した場合：そのためhttp://codepen.io/anon/pen/egZdXO