問題タブ [turfjs]

Mapbox ブログ (ここにリンク) にあった、フォークしようとしていたプロジェクトの読み込みが遅いことに問題がありました。

独自の mapbox キーを代用し、bbox を再定義してウクライナに焦点を合わせ、マップを独自の mapbox スタジオ ベースレイヤーに再配置しました。ただし、コンピューターのローカルで MAMP でページをレンダリングしたり、S3 バケットにアップロードしたりすると、ページの読み込みが非常に遅くなります。

何が間違っていたのか、bl.ocks.org の例のようにレンダリングを高速化するために何を変更できるのかわかりません。

上記のプロジェクトの私のバージョンへのリンクはこちら: https://s3.amazonaws.com/conflict.donbass/ukraine2.html

これまでのところ、マーカーを作成し、それを geoJSON に転送し、その周りに Turf.buffer でバッファーを作成しました。このバッファをマップ上でドラッグすると、マーカーに「くっつく」ようにするにはどうすればよいですか?

次のようにturf.jsbezierを使用して呼び出される geoJSON ポリライン オブジェクトを作成します。

次に、bezier.geometry.coordinatesそのポイント配列にアクセスしていました..しかし、本当に必要なのはLatLngオブジェクトの配列です（このプラグインL.animatedMarkerではlatlngsが必要なので）、リーフレットオブジェクトでメソッドが行ったような配列を抽出する方法があるかどうか疑問に思っていました. .LatLnggetLatLngs

指定された緯度/経度 ( map.locate()).

Turfの関数を使用してこれを行うことができることは知っていますがinside()、純粋なLeafletで可能ですか?

計算を実行した結果を返さない Web ワーカーがあり、メソッドは次のようになります。

次のようにメソッドを呼び出します。

私は必要なライブラリを次のように呼び出します。

turf.jsのモジュールであるturf-bufferの最近のコピーを構築しようとしています。私は走った。ただし、結果のturf.jsをhtmlファイルに含めて（間違いなくそこにあります）、呼び出すと、メッセージが表示されます. 、および他のさまざまな組み合わせも試しました。turfxxxx.yyy を試しても、基本的な芝オブジェクトが見つからないことを示唆するメッセージが表示されます。これは browserify ビルドの問題だと思います。browserify に指定する必要があるフラグはありますか、それともパッケージ固有の指示が不足している可能性がありますか?npm install turf-bufferbrowserify turf-buffer/index.js > turf.jsvar buffered = turf.buffer(originalData, buf, 'meters');turf is not definedturfjs.xxxturf-buffer.xxxturf is not defined