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

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

6
OpenLayers / Leafletでアニメーションクラスターマーカーを作成する方法
Openlayersが一致しないように見える滑らかな遷移のために、私はLeafletを使用したいと思います。カスタムスタイルのマーカーグループでマーカーをクラスター化する機能が特に必要です。 私が達成しようとしていることを示す最良の例は、Redfinにあります。 クラスターにカーソルを合わせると滑らかなアニメーションが提供され、マーカーをクリックすると、アニメーション効果でクラスターが分割されます。個々のポイントが特定の許容範囲と重ならないズームレベルに達すると、実際のマーカーはアニメーション化された位置に分割されます。 似たような効果をこれらに統合したいので、最善のアプローチに関するいくつかのガイダンスや、あなたが知っているかもしれない他の例に感謝します。 注: Redfinは、使用したくないFlashを使用しているようです。理想的な状況では、可能であればJavascriptでこれを実現したいと思いますが、おそらくHTML5 / canvasで行う必要があると思います。 たぶんpの使用。-Raphael.jsまたはd3.js 何か案は? ところで- この例は見つかりましたが、Googleマップに特に当てはまるようです。

4
リーフレットマウスホイールは、マップをクリックした後にのみズームします
私は働いているリーフレットのJavaScriptライブラリと私のHTMLドキュメントに(作業)の地図を添付します。ページの中央にあり、マウスホイールで下にスクロールして地図に到達すると、自動的に地図が拡大されます。 地図で止まることなくページをスクロールしたい。マップを最初にクリックした後にのみホイールズームを有効にする方法はありますか?

5
GeoJSONが大きすぎる-何をすべきか?
私はleaflet.jsを使用して、Webユーザーが地域を選択できるようにします。有効な地域は、米国の州、カナダのプロビデンス、および世界の国(米国とカナダを除く)です。Qgisを使用して自分でシェープファイルを作成し、geojsonとして保存しました。可能な限りジオメトリを単純化しました。 結果のシェープファイルは400kbですが、geojsonは1メガバイトを超えています。これは私が望むよりも大きいです。この情報の転送に伴うネットワークのオーバーヘッドを削減する必要があります。 これを行う正しい方法は何ですか?私が想像できるオプションは次のとおりです。 gzip圧縮されたgeojsonファイルを提供し、クライアントで解凍します。 クライアント上のシェープファイルをgeojsonに解析します シェープファイルから独自のタイルを生成し、それらを提供します どちらのオプションが最適か(または上記のいずれでもない)を誰かが教えてくれたら、感謝します!


1
リーフレットレイヤーコントロールで凡例を追加/削除する方法は?
2つのオーバーレイhttp://02d0c8c.netsolhost.com/dev/lcb_census_layers3.htmlがあり、レイヤーコントロールでオンとオフを切り替えることができます。各レイヤーの凡例がレイヤーとともにオン/オフになるようにします。 私はJavaScriptが初めてで、リーフレットが初めてです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Lake Champlain Basin Census Data</title> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.css" /> <!--[if lte IE 8]> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.ie.css" /> <![endif]--> <style> #map { width: 750px; height: 580px; } .info { padding: 6px 8px; font: …


3
LeafletとgeoJSONを使用したクリックイベント
クリックするとAjax関数が実行されるgeoJSONにクリックイベントをアタッチするにはどうすればよいですか。私は調べましたonEachFeatureが、クリックではなくgeoJSONがロードされたときに実行され、大量のajax呼び出しを実行します!
18 leaflet  geojson 

2
リーフレット:コンテナ座標とレイヤー座標?
マップコンテナ座標とレイヤー座標の違いは何ですか? 私が集められたところでは、地図のコンテナの座標は常にマップビューポートに対して相対的である、としながら、層の座標が常に同じ値でスタートコンテナcoordsのマップがパンされると、彼らが変更されます。 座標/ポイントを参照するAPI: LatLngからレイヤーポイント コンテナポイントへのLatLng

3
リーフレット:曲線を描く方法
だから、私は、リーフレットマップに基づくアプリケーションで曲線を描画しようとしています。 私が知っている限りでは、リーフレットは現時点では曲線の描画をサポートしていないので、私の質問は曲線関数を最適に取得する方法についての詳細です。 私のコードはIE-8互換である必要があるため、問題はさらに難しくなります。つまり、純粋なSVGは解決策ではありません。(Leafletは、SVGサポートが存在しないことを検出した場合、実際にはVMLへのフォールバックを行います...) 1つの可能性は、VMLへの独自のフォールバックを備えたSVGに基づいたリーフレット拡張コードを自分で作成することです。これは大変な作業です。:/ 誰より良い提案がありますか?


7
2つのマップを素敵なWebインターフェイスと比較しますか?
LeafletまたはOpenLayersでは、2つのマップをバーで比較して、2つのマップをスライドさせることはできますか? 例は次のとおりです。 http://www.esri.com/services/disaster-response/hurricanes/hurricane-sandy-the-aftermap http://www.arcgis.com/apps/StorytellingSwipe/index.html?appid=c62112f6ba834227978d8f1cf2b6f5af http://www.abc.net.au/news/specials/qld-floods/(地図ではありません) 私はそれが可能であることを知っています、しかし、私はそれをする方法を知りません。誰でもアイデアはありますか?例?

4
カスタムリーフレットコントロール
リーフレットのカスタムコントロールを作成するのにいくつかの助けがありますが、リーフレットの最新バージョンで使用されているCSSスタイルへのアップグレードにまだ問題があります。基本的に、必要なのは、ドロップダウンシャドウが周囲にある白いボックス内のアイコンだけです。 ここに私がこれまで取り組んできたものがあります。見て、気軽にフォークしてください: http://codepen.io/DrYSG/pen/zJsiG
16 leaflet 

1
Leaflet APIを使用して、長いクリックされた場所の緯度を取得しますか?
OSMとLeaflet APIを使用しています。クリックした場所の緯度と経度を取得したい。これに似たものを意味しました。例:http://openlayers.org/dev/examples/click.html map.events.register("click", map, function(e) { var position = map.getLonLatFromPixel(e.xy); alert("Lat, Lon : "+position.lon.toFixed(3),position.lat.toFixed(3)); }); OpenLayersのこのコードは、lat、long値を取得するのに役立ちます... Leafletを使用して同様のものを探します...

1
リーフレットマップペインの階層化順序(z-index)を変更するには?
リーフレットは、マップペイン要素にマップに追加されたすべてのレイヤーが含まれていることを維持します。多くのマップペインの違いは、厳密に階層化のz-index順序です。 基本的にはレイヤーであるlvector.CartoDBレイヤーと、overlayPaneGeoIQ Acetate-bgやラベルなどのTileLayerの組み合わせを使用したいと思います。 これは、要素がマップに追加されるときの要素の順序です。 tileLayer1 = new L.TileLayer(); map.add(tileLayer1); // add first layer to map cartoDBLayer1 = new lvector.CartoDB(); cartoDBLayer.setMap(map); // add second layer to map tileLayer2 = new L.TileLayer(); map.add(tileLayer2); // add third layer to map 返されるのは、次の順序のレイヤーを持つマップです。 tileLayer1,tileLayer2,cartoDBLayer1 tileLayer1とtileLayer2に位置しているHTMLElement: TilePaneとcartoDBLayer1していますHTMLElement: overlayPane。 cartoDBLayer1TilePaneでのレンダリングを強制する方法はありますか。マップに追加されたz-indexの順になります。 すなわち z-index[0]:tileLayer1 z-index[1]:cartoDBLayer1 z-index[2]:tileLayer2
16 leaflet  z-index 

1
レイヤーの属性テーブルの色列に色のスタイルをコピーする方法は?
QGISには、各ポリゴンにランダムカラースタイルを適用したポリゴンレイヤーがあります。[レイヤプロパティ]-> [スタイル]で、カテゴリ化されたスタイルを選択し、ランダムなカラーランプを生成しました。レイヤーテーブルに色の列を追加しました。スタイルで割り当てられた色を「#ff0000」の形式で各ポリゴンの色列に自動的にコピーする方法はありますか? 最終的には、GeoJSONレイヤーとしてエクスポートし、リーフレットマップにインポートします。色の列は、リーフレットの色を設定します。
15 qgis  leaflet  pyqgis  style 

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