問題タブ [leaflet]

Leaflet.jsを使用して、Twitter Bootstrapのタブ付きパネル内に地図を表示しようとしていますが、奇妙な動作をしています。

パネルを含むタブをクリックすると、マップの上に灰色のレイヤーが表示されます。マップをドラッグして移動すると、他のタイルが表示されますが、最初のタイルは表示されません。

さらに奇妙なことに、ブラウザのサイズを変更すると、再度リロードするまで突然完全に機能するため、cssに問題があると思いますが、問題を見つけることができません。

また、タブ付きパネルの外側にマップを配置すると効果的です。

FirefoxとChromeでテストしましたが、どちらも同じ問題があります。

jsfiddleでテストを作成して、「ライブ」であることを確認しました：http: //jsfiddle.net/jasalguero/C7Rp8/1/

どんな助けでも本当にありがたいです！

インターネット エクスプローラーで Web マップを動作させるために、最近、髪をかきむしっています。他のすべての主要なブラウザーでは問題なく動作しますが、IE ではコンテンツが読み込まれません。ブラウザのテストが得意な人で、助けてくれる人はいますか?

このプロジェクトで使用しているリーフレットの JavaScript API は、理論上は IE をサポートしていることを知っています。実際には、これはあまりうまく機能していません...

この問題を解読するのに役立つ追加できるものが他にあるかどうか教えてください...

ありがとう！

リーフレットJSを使用してDayZ（ゲーム）のマップを作成しています。ゲーム内の座標系を使用してマップ上にアイテムをプロットできるようにしたいと考えています。http：//dayz.ollieb.netを参照してください 。

ゲームでは、左上の座標は000 000、次に001、001であり、10の単位はグリッドを表すため、010、010は左上の「グリッド」になります（条例調査と同様）。

提供された座標系（ポイントまたはlatlong）をこの方法で機能するように変換するメソッドを作成するにはどうすればよいですか。基本的には、000、000（左上）から145、130（右下）に移動する必要があります。現在、投影を補正するために曲線があり、ポイント（x / y）がコンピューターごとに変化しているように見えるため、緯度/経度の使用に問題があります。

ゲーム内のポイントを取得して、そのポイントでマップ上にマーカーを作成するにはどうすればよいですか？おそらく、Leaflet.jsに、マップの左上と右下の「番号」を何とか伝える必要がありますか？

理解不足で申し訳ありませんが、私はすべてのドキュメントを読みましたが、このようなものは何も表示されません！

ここで例を参照してください： http ：//dabrothas.net/sei/dreams/index.asp？mode = mark＆z = 3＆x = -109.2294921875＆y = 73.49222029152183

MapboxマップでLeafletのライブラリを使用しているときに遭遇した問題を回避するのに苦労しています。具体的には、ポップアップがマップ上の各アイコン/マーカーにバインドされるようにコードを記述しました。各ポップアップ内には、別のWebサイトにリンクする画像があります。残念ながら、この画像のサイズは実際のポップアップのサイズの計算にはカウントされないようで、次のような結果になります。

• 画像はポップアップよりもはるかに大きい（http://postimage.org/image/c7u0n5sx3/）
• autoPanオプションが機能しない

私のコードは次のとおりです。

これに対する可能な解決策を考えられますか？プログラミングに関してはかなり初心者だと思いますが、これを破ることができずに何日も経ちました。私は本当にあなたの助けに感謝します！どうもありがとう！

Leaflet JS Libraryにローカル検索機能を追加しようとしていますが、これまで使用したことがないので、どうすればよいかわかりません。ズームコントロールがどのように機能するかを複製したので、この追加機能を追加しました。

そして、次のようにこれを開始しました：

したがって、基本的に、検索の機能を追加する方法を理解する必要があります。たぶん私はこれについて間違った方法で進んでいますが、ネット上でこれに関する多くの情報を見つけることができないので、誰かがこれについて私を助けることができますか？

Googleマップをleaflet-cloudmadeと統合する方法はありますか？つまり、元のクラウド製の地図は使いたくないのですが、代わりにGoogleマップを使いたいのです。アラスカの地図を表示したい（道路はあまりない）。クラウドメイドの地図を使うと、真っ白になります。

これは、cloudmadeマップを使用したい場合に行うことです。

'http：// {s} .tile.cloudmade.com / YOUR-API-KEY / 997/256 / {z} / {x} /{y}.png'の部分を変更する必要があることはわかっています。しかし、グーグルマップ（または他のマップ）を使用したい場合は、そこに何を書くべきですか？

これはleaflet-cloudmadeのドキュメントです（サードパーティのマッププロバイダーの使用についてはあまり言及していません。アプリケーションで使用されるマッププロバイダーについては不可知論者であるため、Googleマップを使用できるはずです） 。

私は、リーフレットの標準レイヤーコントロールを使用してオンとオフを切り替えることができるいくつかの静的レイヤーを備えたリーフレットマップに取り組んできました。

最近、onclickメソッドを使用して、ユーザーが（現在は静的な）凡例の画像の1つをクリックしたときに、マップにレイヤーを追加および削除する関数を実行しようとしています。これを機能させるためにさまざまな方法を試しましたが、JavaScriptとWebページ要素の読み込み順序に関係していると思います（ただし、これはかなり新しいので、間違っている可能性があります）。

とにかく、コードをあまり貼り付けずに、ドキュメントの先頭にあるすべてのスクリプトを次のようにロードしています。

関数removeRecreation（）{map.removeLayer（recreationLayer）; }; window.onload = function（）{//グローバルマップ変数を作成var map; var recreationLayer; アタッチされている画像からクリック時に関数を呼び出すときに、removeRecreation関数を効果的に動作させるために、グローバルに定義する変数がわからないと思います。次のコードに示すように：ライブバージョンは次の場所にあります：https：//mywebspace.wisc.edu/axler/SLRE_Deep_Map/index2.html

リーフレット ポリゴン オブジェクト内には、"_originalPoints" と "_parts" の 2 つの配列があります。

ありがとう、

L.CircleMarker のツールチップを設定する方法があるかどうか疑問に思っていますか?

上記のコードを試しましたが、うまくいきません。