問題タブ [leaflet]

だから私は Leaflet で MapBox マップを公開しようとしていて、AJAX 呼び出しで外部データ ソースからいくつかのマーカーを追加したいと考えています。具体的には、このデータセットを使用してニューヨークのすべての Wi-Fi スポットをマッピングしています。JSON で WiFi の場所をダウンロードできると書かれている場所が表示されますが、コーディングの方法を自分で学ぼうとしていて、そこから何をすればよいかわかりません。

これは、サイト ディレクトリでホストされている .js を使用して MapBox が提供する例です。代わりに AJAX 呼び出しを行うとしたら、どのようになりますか?

Leaflet を使用して小さな例を作成し、Web アプリで使用しようとしていますが、いくつかの問題があります。

私はすでに彼らのページのクイック スタート ガイドからスタンドアロンのリーフレットの例を作成しました。これには、静的なマップ div があり、いくつかのオブジェクト ( marker、circleおよびpolygon) がオーバーレイされています。ただし、私のアプリでは、マップ div コンテナーは jquery を使用して動的に配置およびサイズ変更されます。これは非常に複雑なアプリであるため、ここにコード全体を投稿することはできません。

問題は、div を正しく処理した後、マップが div に (どこにあるとしても) 正しく描画されることですが、オーバーレイ レイヤーではmarker. circleとはpolygon表示されません。

マップとオブジェクトを作成する方法に問題はないと信じておりmap.invalidateSize()、div のサイズ変更全体の後に呼び出すことさえあります。そして興味深いのは、ポップアップが正しい位置に表示されているのに、その後ろに円が表示されていないことです。

問題は、div コンテナーのサイズを変更して配置する方法にある可能性があります。CSSdiv コンテナーで使用する必要がある特定のプロパティはありますか?

すべての助けをありがとう。

別の関数からユーザージオロケーションナビゲーター関数をトリガーする方法を探していますmapInit()。ほぼ機能しますが、getCurrentPosition()うまくいったことを確認するための適切なコールバックがありません。毎回未定義が返されます。

私のジオロケーションオブジェクトは他のタスクを実行する必要があるので、トリガーされたくありませんmapInit()。ユーザーの場所を取得して記録し、戻るtrueかfalse..何か推測する必要がありますか？

ありがとう ：）

こちらのLeafletのドキュメント：http：//leafletjs.com/reference-1.2.0.html#circlemarkerは、CircleMakerがCircleを拡張し、半径がメートルではなくピクセルで指定されていることを除いて、同じことであると述べています。 、マップをズームしても円が一定のサイズのままになるようにします。

ただし、地図上に半径100mの円を描画しようとしているので、円は必要です。これを行うには、次のコードを使用します。

これは完全に機能しますが、CircleMakerの代わりに「Circle」を使用するようにコードを変更すると、マップ全体の読み込みに失敗し、javascriptエラーが発生します。

geojsonを事前にフィルタリングして、緯度と経度の両方が不足しているポイントを削除することでこれを修正できますが、混乱しています。CircleとCircleMakerはどちらも、中心点の仕様としてLatLngオブジェクトを使用するように指定しています。特定のLatLngオブジェクトがCircleMarkerの中心点として有効であるが、Circleの中心点として使用されている場合は無効である方法を取得できません。

私は明らかな何かを見落としていますか、それともこれは私が回避しなければならないリーフレットの弱点やバグですか？

レイヤーグループのポリラインをクリックできないようにする問題が発生しました...以下のコードでわかるように、リーフレットの組み込み関数を使用してレイヤーグループ（route.eachLayer）を通過し、スタイルを追加しようとします'クリック可能：false'ですが、これは何もしないようです...

私がこのコードを使おうとすると、何も変わらないようです（ループに入ります）、または少なくとも、私が望むものは変わりません...

私が欲しいのは、ポリラインのクラス'.leaflet-clickable'が削除されることです...そしてこれは起こらないようです。スタイルをクリック不可に変更しても、このクラスは変更されませんか、それともループに問題がありますか？

リーフレットにgeojsonレイヤーがあり、このレイヤーにgeojsonオブジェクトを追加して、結果のマップに表示できます。

次に、オブジェクトの近くに表示するテキストラベルを追加します。

この例は、カスタムL.control()オブジェクトを使用して地図上に追加情報を表示する方法を示しています。これは私がやりたいことに近いようです。

この例では、各州の上に配置された州の初期テキストラベル（つまり、「TX」、「FL」）を追加したいと思います。これを行うために使用できますL.control()か、それとも別の方法がありますか？

http://leaflet.cloudmade.com/examples/choropleth.html

ローカル サーバーで leaflet.js ライブラリを使用しているときに、この非常に奇妙な状況が見つかりました。

コード：

問題ありませんが、何も「ロード」されません。Firebug を使用して FF を調べると、「html」全体がスクリプト タグ内に挿入されていることがわかりました (7 行目)。つまり、htm 全体とリーフレット コードを含む がその中にあり、コンソールは (明らかに) 構文エラーを返します。

Github からリーフレットをダウンロードし、すべてのタイプのそれをディレクトリ構造に配置しようとしましたが、結果はありませんでした。

さらに、以下を使用してサーバーからリーフレット ライブラリをロードします。

これまでのところうまくいきます。

私は何が欠けていますか？

プロジェクトにLeaflet.jsを使用していて、マーカーのイベントをjQuery on（）でバインドしたいと思います。

私は次のようなものをテストしました：

しかし、何も起こりません。

一方、イベントを直接バインドすると機能します。

私は自分のページの別のdivでjQuery.on（）をテストしました：

これは問題なく動作します。

どんな手掛かり？

私はレールの初心者です（いくつかのアプリで6か月）。私もJavascriptの初心者です。Rails を独学しました。今は Javascript フレームワークを独学しています。すべてのフレームワークを分析し、「ember.js」を学習することにしました。

アプリでマップ ライブラリも使用する必要があります。以前は Google マップを使用していましたが、Google のライセンスやその他の問題により、これはもうオプションではありません。

だから私はリーフレットで行くことにしました。

初心者の観点から、リーフレットと ember.js ライブラリの間に競合があるかどうかを知りたいと思っていました。彼らはお互いにうまく遊ぶでしょうか？

時間と労力を費やす前に、この 2 つを組み合わせる際に知っておくべき注意事項があります。別の Javascript MVC ライブラリはよりうまく機能しますか?

利用可能なレール、ember、およびリーフレットを含むチュートリアルへのリンクはありますか? (この用語をググったのですが、見つかりませんでした)

私を始めるための助けは素晴らしく、本当に感謝しています