問題タブ [ui-leaflet]

JSFIDDLE リンクで更新

LeafletJS を使用して、タイムライン スライダー付きの Web マップを作成しています。LeafletSlider プラグインを使用して、 という名前の GEOJSON プロパティに基づいてマーカーのグループを表示していますDATE_START。これは私のデータオブジェクトがどのように見えるかの例です:

私のコードの例:

タイムスライダー プラグインをマップに追加しました。機能しているものの、スライダーでマーカーを時間順に表示することができないようです。たとえば、DATE_START値がのマーカーは2014-01-21、実際には最初に表示されるはずのマーカーが 2 番目に表示されます。これは、最も古い日付のマーカーであるためです。

タイムスライダー/マーカーを最初から最後まで正しい順序で表示するにはどうすればよいですか? ありがとう。

マップを拡大または縮小するたびに、マーカーのサイズを変更しようとしています。現在、私はこのアプローチを使用しています：

• zoomend メソッドですべてのマーカーを繰り返します。
• 現在のアイコン サイズを取得する
• 計算を実行して、ズーム サイズに従って新しいマーカー サイズを取得します。

• 新しい寸法をアイコン オブジェクトに設定します。

  });

  });

  }

問題 : このコードは、一度に 1 つのレベルをズームインおよびズームアウトすると正常に機能します。マウスを頻繁にスクロールインおよびスクロールアウトすると、このコードは奇妙な出力を出します。マーカーのサイズが大きすぎたり小さすぎたりすることがあります。

質問 : 1) 異なるズーム レベルでマーカーのサイズを変更できるようにする唯一の方法はこれですか? 2) はいの場合、ここで何が欠けているか、または完全に機能させるためにどのような変更を加える必要がありますか?

注：API固有の問題ではなく、マップ（Google、リーフレット、またはマップボックスのいずれか）の論理的な問題であるため、Googleマップにもタグを付けます。

リーフレット ディレクティブを使用しています。
次のようなマップのデフォルトを設定します。

defaultsそして後で、のような他のイベントで更新したいと思いclickます。
だから私はこのようなことを試しました：

しかし、これを変更しても何も起こりません。誰かが値を更新する方法を手伝ってくれますdefaultsか?

私はリーフレットとjavascriptを使用することに非常に慣れていません。リーフレットを使用してタイム スライダーを実装しようとしています。私は見てきた

1) https://github.com/dwilhelm89/LeafletSlider、

2) https://gis.stackexchange.com/questions/120331/jsonp-working-with-leaflet-time-sliderおよび

3) TimeSlider プラグインとリーフレット - マーカーが順番に表示されない

そして、私はまだ問題を抱えています。私のHTMLファイルは次のようになります：

私のslider.geojsonファイル：

そして私のjavascriptleaflet_demo_slider.jsファイル

JavaScriptファイル内のすべてのスライダーオプションを削除し、単に

その後、マーカーを見ることができますが、私が持っているものではマップを生成することしかできません。

編集：問題はMapbox APIにないことが指摘されたため、質問を再フォーマットしました。

数日前の時点で、mapbox マッチング API を leaflet.js と組み合わせて使用​​するアプリケーションが、地球の反対側でポリラインの描画を開始しました。

本来あるべき道のように見えますが、リーフレットはそれを別の大陸に描きました。Mapbox マッチング API は、GEOJson 標準に従って次のような応答を返します。

以下のコードを使用して leaflet.js でレイヤーを描画すると、間違った位置にポリラインが描画されます。

結果は次のとおりです。

ポリライン自体はあるべき姿ですが、位置はそうではありません。問題は、Mapbox マッチング API が GEOJson 形式、つまり [経度、緯度] を返すのに対し、リーフレットは座標が [緯度、経度] の形式であることを期待していることだと推測します。

描画する前に応答の座標を手動で切り替える必要がありますか、それとも間違っていますか?

ありがとう。

編集 2: 問題は実際にはさまざまな形式にあるようです。詳細については、この投稿で見つけることができます 。返されたオブジェクトの座標の順序を変更するのは非常に面倒なので、これに対するエレガントなソリューションが大いに活用されます。

私は ui-angular を使用していますが、マップを新しい場所にパンする方法がわかりません。Leaflet.js を使用しただけでどのように機能するかを理解していますが、これはディレクティブであるため、ページ上のマップと対話するためにどのオブジェクトを使用する必要があるのか​​ わかりません。