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

特定の高さと幅のマーカーオブジェクトがあり、単一の座標を指していますが、マーカーの視覚的表現は多くのピクセルにまたがっています。マーカーの視覚的表現をクリックすると、基になるマップ座標を取得したいのですが、代わりに、マーカーに関連付けられている単一の緯度/経度座標にしかアクセスできません。

11 leaflet  coordinates  markers 

私の国の地図とさまざまなファイル（.tif、shp）をレイヤーとして表示するWebマップアプリケーションの作成に興味があり、Leafletの上に構築することにしました。 だから私が始めたとき、私はOpenStreetMapsからの標準マップを使用して、次のコードを使用しました： var map = L.map('map').setView([50, 9], 10); L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors', }).addTo( map ); しかし、私の監督者は地図が「詳細すぎる」と言ったので、詳細が低く、さらに役立つかもしれない別のベースマップを探しています。 それで、私が使用できるOpenStreetMapsのような無料の地図の代替ソースはありますか？

10 openstreetmap  leaflet  basemap 

を使用してポリゴン間の小さな「断片」を排除する方法はありRますか？望ましいソリューションはSpatialPolygonsDataFrame、ポリゴン間の共有境界が一致する新しいものを作成します。RArcMapやQGISではなく、を使用するソリューションに特に興味があります。 そもそもなぜこれらのギャップが存在するのかについての説明も聞きたいです。 これは、私が使用している空間データの再現可能な例です。 library(rgdal) library(sp) library(tigris) library(magrittr) library(leaflet) library(gplots) # This project will use WGS 84 projected coordinate system crs_proj <- CRS("+init=epsg:4326") # These are the FIPS codes of the specific block groups in my study area sel <- c("530330079005", "530330079001", "530330079004", "530330085002", "530330085003", "530330086003", "530330087003", "530330085001", "530330090001", "530330091001", "530330091002", …

10 polygon  leaflet  r  tiger  slivers 

リーフレットオーバーレイペインを使用してSVGを「上に」配置したリーフレットマップがあります。D3ブラシをオーバーレイペインに追加して、別のグラフを更新します。D3.brush（）とリーフレットの例の同時例を探しましたが、見つからないようです。 私が見つけた最も近いものだった。このhttps://github.com/mbostock/d3/issues/1321と、このhttps://www.mapbox.com/mapbox.js/example/v1.0.0/timeline-scaled-markers/（これはマップではなくチャートをブラッシングしています）。 私は疑問に思っていました： 誰もがどんな例でも知っていた、または これが可能であるか、合理的に簡単であるか誰でも知っていた、または 可能であれば、私が遭遇する可能性のある種類の問題について、誰かがアドバイスをしました。

10 leaflet  d3 

LeafletマップでGeoJSONレイヤーを使用する必要があります。これが私のコードのサンプルです： function onEachFeature(feature, layer) { if (feature.properties && feature.properties.popupContent) { layer.bindPopup(feature.properties.popupContent); } } myGeoJsonLayer = L.geoJson(data, { pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, geojsonMarkerOptions); }, onEachFeature: onEachFeature }); myGeoJsonLayer.addTo(map); TOC.addOverlay(myGeoJsonLayer, "My GeoJSON Layer"); すべてが機能しています。 レイヤーに属性を追加したいのですが、どうすればよいですか？

10 leaflet  geojson  fields-attributes 

ポップアップウィンドウ内にグラフを表示する方法 私は、Raphaelプラグインhttp://dynmeth.github.com/RaphaelLayer/をサポートするLeaflet JSを使用しています。ポップアップウィンドウ内にdivを作成することは可能ですか？私はhttp://softwarebyjosh.com/raphy-charts/について考えていました Leafletでそれができない場合、私はRaphaelマップソリューションのみに開かれます。 ありがとう

10 javascript  web-mapping  leaflet 

LeafletとMapboxの違いは何ですか？それらはどのように一緒に使用されますか？APIのように、正確には何ですか、そしてMapboxはLeafletを使用していますか？

10 web-mapping  leaflet  mapbox 

Leaflet 1.0.0ツールチップのデフォルトのスタイル、特にバブル/フレームを上書きしたいと思います。このためのオプションや方法はありません。CSSにフックするにはどうすればよいですか？レイヤーを個別に変更したいので、CSSで各レイヤーのツールチップを個別に選択する必要があります。

10 leaflet  css 

私はマップをレンダリングするためにリーフレットを使用しています。マーカー付きのマップを作成しましたが、各マーカーにイベントリスナー「onClick」を実装する方法がわかりません。 私のコード var stops = JSON.parse(json); var map = new L.Map('map', { zoom: 12, minZoom: 12, center: L.latLng(41.11714, 16.87187) }); map.addLayer(L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', { attribution: 'Map data', maxZoom: 18, id: 'mapbox.streets', accessToken: '-----' })); var markersLayer = new L.LayerGroup(); map.addLayer(markersLayer); //populate map from stops for (var i in stops) { L.marker(L.latLng(stops[i].Position.Lat, stops[i].Position.Lon), …

10 javascript  leaflet 

パッケージを使用して、Rを使用したインタラクティブマップに関する投稿を読みましたleaflet。 この記事では、著者は次のようなヒートマップを作成しました。 X=cbind(lng,lat) kde2d <- bkde2D(X, bandwidth=c(bw.ucv(X[,1]),bw.ucv(X[,2]))) x=kde2d$x1 y=kde2d$x2 z=kde2d$fhat CL=contourLines(x , y , z) m = leaflet() %>% addTiles() m %>% addPolygons(CL[[5]]$x,CL[[5]]$y,fillColor = "red", stroke = FALSE) 私はbkde2D関数に精通していないので、このコードをシェープファイルに一般化できるかどうか疑問に思っていますか？ 各ノードにヒートマップで表現したい特定の重みがある場合はどうなりますか？ leafletRのマップでヒートマップを作成する他の方法はありますか？

10 r  leaflet  heat-map 

これが繰り返し質問である場合は申し訳ありませんが、ここで検索したところ、回答が見つかりませんでした。Openpaths.ccからエクスポートしたJSONデータがあり、緯度と経度の値が含まれています。ただし、データはGeoJSON形式ではないため、OGR2OGRで読み取ることができません。私のデータをGeoJSONに変換する方法について誰かが正しい方向に向けてくれますか？最終的にはリーフレットで表示したいです。データは次のようになります。 [ { "lon": -73.97, "device": "iPhone3,3", "version": "1.1", "t": 1381167616, "lat": 40.66, "alt": 67, "os": "6.1.3" }, { "lon": -73.96, "device": "iPhone3,3", "version": "1.1", "t": 1381171200, "lat": 40.66, "alt": 45, "os": "6.1.3" } ]

10 leaflet  geojson  ogr2ogr  json 

リーフレットマップにベクタータイルレイヤーを読み込む必要があります。 ベクタータイルは、Mapillaryシーケンスに関するベクタータイルレイヤーであり（https://a.mapillary.com/#vector-tiles ...を参照）、タイルURLパターンは次のとおりです。 https://d2munx5tg0hw47.cloudfront.net/tiles/{z}/{x}/{y}.mapbox ベクタータイルは、Mapboxベクタータイル形式を使用します。 ネットで検索しましたが、サンプルが見つかりませんでした。Mapboxを使用してこれを実行できることは確認しましたが、可能であれば、リーフレットのみを使用したい

9 leaflet  vector-tiles  mapillary 

geojsonがすでに含まれているデータセットがあります。次のコード行でマップに追加できます。 L.geoJson(data.geojson).addTo(map); そして私はこれを手に入れます しかし、私はこれを達成したいと思います。周囲の領域が覆われ、私のgeojson形状がその中央にある穴です。 リーフレットのドキュメントによると latlngsの配列の配列を渡すことにより、穴のあるポリゴンを作成することもできます。最初のlatlngs配列は外部リングを表し、残りは内部の穴を表します。 理論的には次のようなものです： var scotland = [[60,-13],[60,0],[50,4],[50,-13]]; L.Polygon([scotland,coordinatesOfShapeHole].addTo(map); 私の問題は、この関数がdata.geojsonまたはdata.geojson.coordinatesを2番目のパラメーター（coordinatesOfShapeHole）として渡すことを好まないようです。 L.Polygon関数が満足できる形式にdata.geojsonを変換する方法はありますか？ あるいは、同じことをL.geoJsonで行いますか？

9 polygon  leaflet  geojson 

リーフレットのレイヤーの順番を変更したいのですが。 レイヤーの順序を変更するために、2つのリーフレットプラグインを実装してみました。 最初に、機能しているように見えますが、layerGroupsをサポートしていないleaflet-control-orderlayersを試しました。これが私の提出されたバグです。 次に、layerGroupsをサポートするmapbbcode を試しましたが、動作しないか、維持されていないようです。 この機能を実装する方法について何か提案はありますか？

9 leaflet 

いくつかの隣接するポリゴンを含むGeojsonファイルがあり、それらを1つにマージしたい。よくある質問ですが、このgeojsonのように緯度と経度の座標を持つポリゴンの情報が見つかりません。 { "type": "FeatureCollection", "features": [{ "type": "Feature", "id": "16966", "properties": { "Name": "BEYNES" }, "geometry": { "type": "Polygon", "coordinates": [ [ [1.874862143378, 48.834371283832], [1.8656030688715, 48.831612507285], [1.8515105581603, 48.834338209867], [1.8466221791684, 48.828669687135], [1.8415374906793, 48.828818416443], [1.8392188748285, 48.830163082204], [1.8419058888315, 48.843509743804], [1.8472716401406, 48.849200964455], [1.8375210341485, 48.856814659389], [1.8383984699903, 48.87125874614], [1.8572939822902, 48.871944300476], [1.874663272221, 48.877028568925], [1.8831026195664, 48.874535338148], [1.9127169447188, 48.860849357594], …

9 polygon  leaflet  merge  wgs84