2017-10-01 14 views
1

私の古いリーフレットのアプリケーションでは、私はthis codeを使ってアイコンを回転させ、それは完全に機能しました。 今、コードを反応リーフレットに移動しようとしていますが、これをどのように適用するかを理解できません。 カスタムコンポーネントを介して可能でなければならないことはわかっていますが、RotatedMarker(srcのMarker.jsに基づいています)で何らかの種類のクラスを作成しようとしましたが、それを初めて使ったので、動作させることはできません... 誰かが私を正しい方向に向けることができますか?リアクションリーフレットの回転アイコン

おかげで、

アレックス

答えて

1

[OK]をクリックします。これは私がそれを働かせるためにしたものです。このようにするべきかどうかは分かりませんが、うまくいくようです。私はbbecquetのリーフレットの反応ラッパーを作っ

export default class RotatedMarker extends Marker { 

    componentDidMount() { 

     super.componentDidMount(); 
     this.leafletElement.setIconAngle(this.props.rotation); 
    } 


    componentWillUpdate(nextProps, nextState) { 
     if (nextProps.rotation) { 
      this.leafletElement.setIconAngle(nextProps.rotation); 
     } 
    } 
} 
関連する問題