問題タブ [leaflet-routing-machine]

ドライブ中にGPSで生成されたデータがいくつかあります。

この生成されたデータを、リーフレットを利用した Openstreet マップ上を移動した実際のルートとして表示したいと考えています。私の素朴なアプローチは、すべてのポイントを結ぶポリラインを表示することです。しかし、運転中にたどった実際のルートを表示したい。これにはOSRM-Backend APIを leaflet-routing-machine プラグインで使用できますか? どんな助けでも大歓迎です。

このシードを使用して、Angular 2 Typescript と Webpack を使い始めました: https://github.com/haoliangyu/angular2-leaflet-starter。

私は、使用されているほとんどのツールとテクノロジ (Angular 2、Typescript、Webpack) に不慣れです。これらについてはますます理解していますが、サードパーティの型指定されていない JS ライブラリがどのように含まれているかをまだ把握していないようです。

プロジェクトにleaflet-routing-machine.jsを含めたいと思います。私の知る限り、leaflet の型付けは存在しますが、leaflet-routing-machine の型付けは存在しません。

経由でパッケージをインストールしnpm install、必要なクイック スタート コードを追加してルートを表示しました。

map.service.ts

私が得るエラーnpm startは次のとおりです。

私が理解しているように、これは webpack によって自動的に行われる必要があるため、index.html に JS ファイルを含めるべきではありません。入力せずにサードパーティのライブラリを含める方法が一般的にわからないという事実に加えて（このLような回答は役に立ちませんでした）、オブジェクトは標準のリーフレットであり、Routingプロパティを知らないため、私のケースは少し異なるようです。ルーティング マシン ライブラリがリーフレット ライブラリを拡張する方法がわからないので、なんとなくわかります。

助言がありますか？

プロジェクトのルートと Graphhopper サーバーに Leaflet Routing Machine ライブラリを使用しています。ブラウザでネットワークを検査すると、ライブラリは常にグラフホッパー サーバーから "instructions" パラメータを true として応答を取得しますが、プロジェクトで命令を使用しません。どうすれば無効にできますか?

マップを表示するために react-leaflet を使用しました。また、ルーティングにはリーフレットルーティングマシンを使用しました。ルートは正しく表示されますが、マーカーは車のアイコンによって上書きされません。divIcon を使用してマーカーをオーバーライドするためにルーティングと反応リーフレットの両方を試しましたが、まだ成功していません。

これが私のコードです

car-result.js

main.css

何か見逃しましたか？

アップデート

ルーティングも現在壊れており、マーカーは車の画像で上書きされていません。

リーフレット マップ上のウェイポイントを通る方向を表示する方法。

「leaflet-routing-machine」を使ったのですがルートが見れません

アイデアや例を教えてください

ここで完全な例を見つけることができます ( https://codepen.io/mahmoud-nb/pen/RZzNYr )

私は ionicV1 プロジェクトでリーフレット ルーティング マシン (liedman) を使用しています。チュートリアルに従ってすべてを実行しましたが、エラーが発生しました

L. は定義されていません

タグ間にリーフレットリンクを配置することに関する他の投稿を読みました。すべてを行いました。

CSS

JS リンク

鬼ごっこ

aap.js

他のリンクにコメントしました。すべてを試してみましたが、まだわからないため、2日間この基本的な問題に悩まされています。誰 ？