ui-leafletでいくつかのマップを表示する AngularJS (1.58) webapp があります。Leaflet.Heat Plugin を正常に統合しました。また、Leaflet.Drawプラグインを正常に統合しました。
問題: プラグイン、Heat、Draw の両方を使用している瞬間に、Web アプリケーションが Microsoft ブラウザー (Microsoft Edge、Internet Explorer 11) でマップを表示しなくなりました。これらのプラグインのリリース バージョンのさまざまな組み合わせを使用して、すべての一般的なブラウザーで動作するようにしました。リーフレット マップを Microsoft Edge で動作するように戻すと、Heat プラグインが動作しなくなりました (ME だけでなく、Opera、Firefox、GChrome でも動作しません)。
要約: ui-leaflet、Leaflet、ui-leaflet-draw、および Leaflet.Heat の最新バージョンは、Google Chrome、Firefox、Opera で正常に動作しています。しかし、Microsoft Edge のマップは完全に消えています。古いバージョンでは Microsoft Edge のマップが再び表示されますが、Heat プラグインはどのブラウザーでも機能しなくなりました。
質問:これらすべてのブラウザー (Google Chrome、Firefox、Opera、Microsoft Edge について言えば) に対して、これらのツールのバージョンの有効な組み合わせはありますか? もしそうなら、それらはどのバージョンですか? そうでない場合、推奨される回避策はありますか? 見栄えの良いヒートマップを描画または表示するために代わりに使用できる他のプラグインでしょうか?
再現手順: Leaflet.Heat の例を ダウンロードします。ui-leaflet-draw をライブラリとして統合します (例: bower 経由)。Google Chrome、Firefox、または Opera でテストしてください。バージョンに応じて、動作するヒートマップが表示されますが、Microsoft Edge でテストすると、マップが表示されないか、ヒートマップが表示されず、Microsoft Edge でuaマップが表示されます (これもヒートなし)。