タグ付けされた質問 「leaflet」

モバイルフレンドリーなインタラクティブマップ用のオープンソースのJavaScriptライブラリ


1
LeafletでlayerGroupの境界を取得するにはどうすればよいですか?
複数のgeoJSONレイヤーを最初にLayerGroupに追加してから、layerGroupをマップに追加して、マップに追加しました。 今、私はすべてのレイヤーの結合された境界でマップ上のfitBoundsを呼び出したいです、問題はlayerGroupにメソッドgetBoundsがないことです 私に何ができる?
12 leaflet 

1
Leaflet.jsの例に検索ボックスを追加する
以下のリンクの例を考えてみましょうFolium:郡あたり米雇用可視化。 結果は次のようになります。 検索ボックスを追加して、都市で検索できるようにし、ビジュアライゼーションを拡大したり、中心に表示したりします。そのような検索ボックスを追加するにはどうすればよいですか?この機能をおそらくHTMLファイルに追加できますか?
12 leaflet  search 


3
Geoserver WMSからLeafletの対話機能を取得する方法は?
シェープファイルをWMSとしてLeafletに提供するジオサーバーがあります。 ユーザーがWMS機能にカーソルを合わせるかクリックすると、リーフレットマップにWMS属性を持つポップアップを表示する相互作用を追加したいと思います。 ワックス/リーフレットの対話性を見てきましたが、WMSとリーフレットでそれは可能ですか?
12 geoserver  wms  leaflet 


4
境界ボックスに基づいてズームレベルを動的に設定する
ブラウザウィンドウのサイズに依存するサイズのリーフレットマップがあります。バウンディングボックス全体を表示しながら、可能な限りズームインされるように、ズームレベルを動的に選択したいと思います。 現在、ズームレベルをハードコードし、中心点をポイントの平均に基づいています。 map = new L.Map('map', { center: new L.LatLng( latitudeSum/locations.length, longitudeSum/locations.length ) zoom: 9 }) 代わりに、境界ボックス(2つの島)を指定し、ウィンドウのサイズに基づいてズームレベルを選択します。
12 leaflet 


5
| 180 |を超えたときに正しい経度を計算していますか?
緯度経度の値を修正する「式」を開発しようとしています。 私はVueリーフレットを使用していますが、「最初の」世界の外でパンすると、大きな数字が表示されます。+180以上または-180未満。 例:アメリカに向かって右(東方向)にパンすると、lng 215になります。私の考えでは、次のように修正するだけです。 215-360=-145 同じことは、東ロシアに向かって左(西方向)に画面移動した場合も同様で、たとえば-222になります。今計算する必要があります-222+360=138 ただし、世界は無期限であるため、ユーザーは8番目の世界に移動でき、値を調整する必要がありました。 正しい経度を計算することは可能ですか?(そして別の要件は、ユーザーが最初の世界にいるとき、24 lngはまだ24 lngであるべきです。



2
リーフレット:レイヤーコントロールメニューを移動するには?
これはばかげた質問かもしれませんが、これを達成するための文書化された方法を見つけることができませんでした。 レイヤーコントロールメニューを、デフォルトのズームイン/アウトボタンの近くの左上に自由に配置したいと思います。 私のレイヤーコントロールは次のようになります: // Group layers as overlay pane overlayPane = { "Endpoints" : endpointMarkerLayer, "Links" : linkLineLayer }; // Add a layer control element to the map layerControl = L.control.layers(null, overlayPane); layerControl.addTo(map); Where endpointMarkerLayerとlinkLineLayerは、それぞれマーカーとポリラインを含むレイヤーです。 メニューが表示される場所を指定するオプションはありますか?あるいは、コントロールメニューのDOMオブジェクトへの参照を取得して、カスタムクラスを割り当て、CSSでの配置をオーバーライドするにはどうすればよいですか?
11 layers  leaflet 

5
ブートストラップ内のリーフレットマップのサイズ変更
リーフレットマップの高さをブートストラップ内のパーセンテージに変更しようとしていますが、マップを描画するたびに描画されません。したがって、私は常にpx値に戻す必要があります。私はCSSの初心者なので、このシンプルな設定を見逃していると確信しています。これが私のCSSです。 <style type="text/css"> body { padding-top: 60px; padding-bottom: 40px; } #map { height: 75%; } </style>


1
リーフレットでgeojsonポイントにラベルを付ける方法は?
リーフレットマップでgeojsonポイントのラベルを表示するにはどうすればよいですか? ありLeaflet.label今の賛成で廃止されL.Tooltipが、ホバー上の唯一のショーテキストが。ユーザーの操作を必要とせずに、テキストラベルを地図上に直接表示したい。 入力例-https://gist.github.com/maphew/e168430e999fc738eeb3448feda121cd 望ましい結果(テキストラベルが付いた緑のポイント、その他のグラフィック要素はコンテキストのみ): 更新:ポップアップツールチップではなく、下の画像のようにマップに溶け込むテキストを作成したいと思います。
11 leaflet  geojson 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.