1

d3プロジェクトをOpenLayersプロジェクトにリンクしようとしています。私がやろうとしているのは、d3を使用して、特定のノードがDOMに存在するかどうかを確認することです。

存在する場合は、トランジションを使用します。存在しない場合は、openlayersAPIを介してノードを挿入する必要があります。これは、ノードがopenlayersに登録されているために必要です。私の最初の考えは、d3.data（）.enter（）.call（myInsertFunction（））で呼び出しを実行することでしたが、これは機能していないようです。誰かが私を助けてくれるか、正しい方向に向けてくれることを願っています。私はd3libにかなり慣れていません。

function insertNewFeature(d) {
    var word = d;
    var pixel = new OpenLayers.Pixel(word.x,word.y);
    var lonlat = map.getLonLatFromPixel(pixel);
    var point = new OpenLayers.Geometry.Point(lonlat.lon,lonlat.lat);
    var feature = new OpenLayers.Feature.Vector(point);
    feature.id = word.city+'_'+word.text,
    feature.attributes = {
        text: word.text,
        sentiment: word.sentiment,
        count: word.count
    };
    feature.style = {
        label: word.text,
        labelAlign: 'mm',
        fontColor:  word.color,
        fontFamily: word.font,
        fontSize: word.size,
        rotation: word.rotate,
        strokeColor: '#FFFFFF',
        strokeWidth: 1,
        strokeOpacity: 0.5
    }
    svgLayer.addFeatures([feature]);
}


function update(data)
{
    var text = d3.select("OpenLayers.Layer.Vector_4_troot").selectAll("text").data(data, function(d) { return d.cityCode + "_" + d.text.toLowerCase() });

    text.transition()
        .duration(1000)
        .attr("transform", function(d) { return "translate(" + [ d.x , d.y ] + ")rotate(" + d.rotate + ")"; });
    //text.style("font-size", function(d) { return d.size + "px"; });
    text.enter().call(insertNewFeature());

}
4

1 に答える 1

2

この jsfiddle を試してください: http://jsfiddle.net/Q8b2z/

理由は定かではありませんがcall、 の結果を呼び出すことはできませんtext.enter()。代わりに、同様のを呼び出すと機能するはずinsertNewFeature(text.enter())です。

于 2012-04-25T06:18:32.220 に答える