2017-01-07 11 views
3

私はui-leafletでいくつかのマップを示すAngularJS(1.58)Webアプリケーションを持っています。 Leaflet.Heatプラグインを正常に統合しました。また、私はLeaflet.Drawプラグインを正常に統合しました。ui-leafletマイクロソフトのブラウザ用ヒートプラグインとui-leaflet-drawの競合

問題:プラグイン、熱および描画の両方を使用した瞬間Imは、私のWebアプリケーションは、Microsoftのブラウザではもはや任意のマップが表示されない (マイクロソフトエッジ、Internet Explorerの11)。私はこれらのプラグインのリリースバージョンのさまざまな組み合わせを使用して、共通のすべてのブラウザで動作させるようにしました。リーフレットのマップをMicrosoft Edgeでの作業に戻すと、Heat Pluginはもう機能しません(ME、Opera、Firefox、GChrome以外)。

合計: 最新のバージョンのui-leaflet、Leaflet、ui-leaflet-draw、Leaflet.Heat は、Google Chrome、Firefox、Operaでうまく機能しています。しかし、地図はMicrosoft Edgeにとっては完全に消えています。以前のバージョンではMicrosoft Edgeのマップが再度表示されていましたが、Heat Pluginはもうブラウザで動作していません。

質問:これらのすべてのブラウザ(Google Chrome、Firefox、Opera、Microsoft Edgeなど)用のこれらのツールのバージョンの組み合わせは、一緒にありますか?もしそうなら、それはどのバージョンですか?そうでない場合は、推奨される回避策がありますか?多分、他のプラグイン、私は代わりに描画やヒートマップを見せるために使用することができますか?

再現手順: Leaflet.Heat exampleをダウンロードしてください。 ui-leaflet-drawをライブラリとして統合します(例:バワー)。 Google Chrome、Firefox、またはOperaでテストしてください。あなたのバージョンに応じて、ヒートマップが表示されますが、Microsoft Edgeでテストしてもマップは表示されませんまたはヒートマップは表示されません。

答えて

0

申し訳ありませんが、問題に集中して解決策を見つけることができました。

私はui-leaflet-drawをleaflet.Drawプラグインに置き換えました.3つのすべての組み合わせがすべてのブラウザで機能していました(正しいバージョンを使用している限り)。

"dependencies": { 
    "angular": "1.5.8", 
    "angular-simple-logger": "~0.1.7", 
    "ui-leaflet": "1.0.3", 
    "Leaflet.heat": "https://github.com/Leaflet/Leaflet.heat/archive/gh-pages.tar.gz", 
    "angular-material": "~1.1.1", 
    "leaflet.draw": "*" 
    }, 
    "resolutions": { 
    "angular-material": "~1.1.1", 
    "angular": "1.5.8", 
    "leaflet": "1.0.3" 
    } 

更新: だから、ここで彼らは私のbower.jsonプロジェクトファイルからのものより優れたユーザーexpierenceコントロールは、その後0.7.xあまりにも取り組んリーフレット1.0.3とあり

熱層との素敵なマップを開発して楽しみ、 GChrome、Opera、FireFox、およびMicrosoft Edgeで動作する描画コントロール(角物質との他の多くの競合のIE 11ciをテストしなかった)

関連する問題