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

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

1
リーフレットJavaScript APIを使用してレベル19よりもさらにズームインしますか？
最大19のズームレベルをサポートするタイルレイヤーでリーフレットJavaScript APIを使用しています。マーカーを高精度で配置する必要があるため、タイルがぼやけても、ユーザーがさらにズームできるようにしたいと思います。 これは可能ですか？ マップは、マーカーやその他の要素ではなくズームする必要があります。
15 leaflet  zoom 
4
GoogleのStreetViewエンジンに代わるオープンソースの選択肢をお探しですか？[閉まっている]
閉じた。この質問はより集中する必要があります。現在、回答を受け付けていません。 4か月前に閉鎖されました。 この質問の答えはコミュニティの努力です。この投稿を改善するには、既存の回答を編集してください。現在、新しい回答やインタラクションを受け入れていません。 LeafletまたはOpenLayersのいずれかを使用して、オープンソースのjavascriptアプリを作成したいと考えています。 これらのいずれか、または他のオープンAPIにパノラマビュー（GoogleのStreetViewと同様）を実装する方法はありますか？ 私のパノラマビューは個人の写真からカスタム作成されるため、既存のサービスからパノラマ画像を取得する必要はありません。 Google StreetViewをGoogle以外のアプリに組み込むことは可能ですが、Google APIを使用せずに同様の機能を提供できるものはありますか？
2
Pythonまたはjavascriptを使用してgeojsonオブジェクトの境界ボックスを計算する方法は？
フロントエンドにリーフレット付きのdjangoアプリがあり、座標を渡すことができるようにgeojsonオブジェクトのbboxを計算する必要があります map.fitBounds() 私はいくつかのライブラリを試し、getBoundsリーフレットの特定のオブジェクトのメソッドを試しましたが、などFeatureGroup、境界が定義されていないことを訴えました。 誰も私にこれの簡単な解決策を教えてくれますか？
2
TileMillタイルを間違った順序でレンダリングするリーフレット
私は困惑しており、かなりの数の検索が役に立たなかった。 最終的には3つのラスターレイヤーと3つのマーカーレイヤー（ラスターとその関連データを切り替えるコントロール、データのポップアップ/ツールチップを含む）を含むマップの最初のステップにいますが、できません。 Tilemillタイルを取得して適切にレンダリングします。（ラスターをQGISで作成し、GDALを使用してそれらを色付けして再投影し、TileMillに配置しました。） 要するに、 それはChromeにあります。これはSafariです。 そして、これは私にはまったく無害に見えるコードです（この時点でタイルを除くすべてをコメントアウトしたので、これですべてが含まれました）。 <html> <head> <title> - Leaflet demo</title> <script type='text/javascript' src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script> <style type='text/css'> html, body{ width:100%; height: 100%, margin:0; padding:0; } #map{ width:700px; height:600px } img {margin:0px;padding:0px}; </style> <script type='text/javascript'>//<![CDATA[ window.onload=function(){ //one base layer on map var map = new L.Map( "map" ).setView([38.173,-94.384],5); L.tileLayer('http://a.tiles.mapbox.com/v3/mtgmediagroup.beef2013/{z}/{x}/{y}.png', { attribution: …
2
Leafletマップでクリックイベントをトリガーしますか？
リーフレットマップ上の特定の緯度/経度でクリックイベントを発生させることは可能ですか？ 特定の場所のポイントに関連付けられたポップアップを表示したいと思います。 私は、いくつかの組み合わせを試してみましたmap.fireEvent('click', latLon)し、map.fire('click', latLon)私はこのアプローチを記述する例や参照を見つけることができません。これはできることですか？ 私が試した（そして機能する）1つのアプローチは、リーフレットレイヤーでオブジェクトを識別し、を使用してクリックイベントをトリガーすることlayer[id].fireEvent('click')です。ただし、これにはオブジェクトIDが必要であり、lat / lonを使用してこのクリックをトリガーできるようにしたいと考えています。 クリックした場所でポップアップを開きたいのですが、この場所にマーカーを追加したり、新しいポップアップを追加したりしたくありません。私がやろうとしているのは、ポイントが既に存在する特定の緯度/経度でクリックイベントを発生させ、既に存在するポップアップをトリガーすることです。
14 leaflet 
2
リーフレットジオイソン座標問題
leflet / geojsonで少し遊び始めました。しかし、私の座標は適切にレンダリングされず、何が起こっているのか分かりません。 私の座標は次のとおり52.23943, 4.97599です。それらはsetView関数で正しく動作します。 var map = L.map('leaflet_map').setView([52.23943, 4.97599], 15); しかし、geojasonFeatureを使用すると、彼らはソムリアの東のどこかに「投影」されます。 var geojsonFeature = { "type": "Feature", "properties": { "name": "Coors Field", "amenity": "Baseball Stadium", "popupContent": "This is where the Rockies play!" }, "geometry": { "type": "Point", "coordinates": [52.23943, 4.97599] } }; var myLayer = L.geoJson().addTo(map); myLayer.addData(geojsonFeature).bindPopup("I am a …
14 geojson  leaflet 
2
ポリラインを世界中にラップするにはどうすればよいですか？
私が使用していリーフレット世界一周挑戦の表現を作成するマップを。東京から東に向かい、地図上で南アメリカの西に表示されるポリラインを追加したいのですが、代わりに、地図と反対方向に交差する線が表示されます（黄色の線を参照）。 これはおそらく日付変更線や座標系に関連していると思いますが、詳細については少し大ざっぱです。誰も私がこれを機能させるために必要なことの背後にある理論を説明できますか？私はNasaからのbluemarbleプロジェクションを使用しています： var bluemarble = new L.TileLayer.WMS("http://demo.opengeo.org/geoserver/wms", { layers: 'bluemarble', attribution: "Data © NASA Blue Marble, image service by OpenGeo", minZoom: 2, maxZoom: 5 });
5
Leafletを使用して大規模なデータセットの一部を効率的に表示する方法は？
GIS以外のWeb開発者がこの問題に直面しているのを見続けていますが、解決策が何であるかはわかりません。 数千のアイテムのデータセットがあります。 ユーザーにマップを表示し、それらの可視サブセットをインタラクティブなクリック可能な要素として表示します。 これを行うにはどのような方法がありますか？ 私はこれらを考えることができますが、それらは非常に満足のいくものではないので、私は他に何があるのだろうと思います： すべてのデータをGeoJSONファイルに保存し、ブラウザーに転送して、Leafletに表示させます。問題：大規模なデータセットでは実際には機能しません。TopoJSONは制限を少し上げます。また、ページのロード時に大きな遅延が発生します。 Mapboxを使用し、Mapboxのインタラクティブレイヤーにすべてのデータを保存し、Mapbox.jsを使用して表示します。うまく機能しますが、費用がかかり、自分でホストすることはできません。 GeoServerを使用してPostGISデータベースにアクセスし、WFS-geojsonリーフレットプラグインを使用してそこからデータにアクセスします。おそらく動作しますが、WFS-geojson Leafletプラグインはもうメンテナンスされていないようです。 CartoDBを使用して、すべてのデータをCartoDBテーブルに保存し、CartoDB.jsを使用して表示します。うまく機能しますが、非常に高価になる可能性があります。自分でホストすることは可能ですが、CartoDBのインストールは簡単ではありません。 これらすべてが、私が見逃している、はるかに優れた、無料の方法があるに違いないと思います。それは何ですか？ 編集 たぶん私はWFS-geojsonプラグインを簡単に書き落としたかもしれません。まだアクティビティが見られるフォークがあります（4か月前）：https : //github.com/johanlahti/azgs-leaflet
3
高度、速度などの追加の値に基づいてリーフレットポリラインを色分けします。
リーフレットマップにGPXトラックを描画したいと思います。ポリラインの色は1つだけではありませんが、高度、速度、心拍数、温度、ケイデンス、勾配のような特定の値を色分けして表示したいと思います。もちろん、一度に視覚化できる値は1つだけです。 値はと一緒にL.LatLng、たとえばmeta: {ele: 298, hr: 155}オブジェクトに保存されます。 私はLeafletを初めて使い、特にこれを行うための効率的な方法を見つけることを心配しています。最初に思いついたのは、それぞれが特別な色の数百または数千のポリラインを作成することでした。しかし、これはメモリとCPUに関して非常に貪欲に聞こえます。 何か案は？ 私が意味する例はここで見ることができます
13 leaflet 
1
PostGISからヒートマップを生成する
PostGISデータベースにGISデータがあり、密度マップを生成してリーフレット/ Googleマップに表示したいと思います。 質問：マップの視点内のデータポイントをすべて（数百万）リーフレット/ Gmapsマップに転送せずに、これを行うための推奨/典型的な方法は何ですか？CLIなどを介して自動化が可能でない限り、ユーザーの介入（つまり、マップを生成するためのArcGISへのデータのインポート）は必要ありません。 現在、Postgresql / PostGISを空間データベースとして使用し、ブラウザでリーフレットを使用しています。
2
リーフレットインタラクティブマッピングアプリケーションの例[終了]
閉じた。この質問はより集中する必要があります。現在、回答を受け付けていません。 この質問を改善したいですか？この投稿を編集するだけで1つの問題に焦点を当てるように質問を更新します。 2年前に閉店。 簡単なマッピングアプリケーションを開発したいと思います。ユーザーがライン、ポリゴン、ポイントをデジタル化し、フィーチャを属性付けできる場所。属性は、後で評価するためにデータベースに保存されます。 リーフレットライブラリを使用してこのようなアプリを見たことがありますか？
13 leaflet 
2
Leafletの無料タイルプロバイダー
私は自分のウェブサイトの地図にリーフレットを使用しています。これまでMapboxのマップを使用していましたが（それらはクールです）、明らかに1か月あたり100,000以上のマップを持つWebサイトに対して課金されます。 私は、タイルに無料のタイルのプロバイダーを見つけようとしています。最初に、OpenCycleMapでそれを行い、代わりに https：// {s} .tiles.mapbox.com / v3 / {id} / {z} / {x} / {y} .png と http：// {s} .tile.opencyclemap.org / cycle / {z} / {x} / {y} .png 2つの質問： 1）OpenCycleMapは、月ごとのマップの制限なしで無料のタイルを提供しますか？ 2）他の無料プロバイダーを知っている人はいますか？
1
リーフレット：removeLayerの使用方法
これは私を怒らせています。レイヤーコントロールをマップに追加するためのLeafletチュートリアルを参照してください。 L.Icon.Default.imagePath = "Scripts/images"; var mapUrl = 'http://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png'; var secondMap = 'http://{s}.tile.osm.org/{z}/{x}/{y}.png'; var littleton = L.marker([39.61, -105.02]).bindPopup('This is Littleton, CO.'), denver = L.marker([39.74, -104.99]).bindPopup('This is Denver, CO.'), aurora = L.marker([39.73, -104.8]).bindPopup('This is Aurora, CO.'), golden = L.marker([39.77, -105.23]).bindPopup('This is Golden, CO.'); var cities = L.layerGroup([littleton, denver, aurora, golden]); var grayscale …
4
リーフレットマーカーのポップアップ位置を変更しますか？
Leafletのマーカーアイコンの下部にポップアップを開きます。 私のコード： var mymap = L.map('mapid').setView([51.505, -0.09], 13); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', { maxZoom: 18, attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 'Imagery © <a href="http://mapbox.com">Mapbox</a>', id: 'mapbox.streets' }).addTo(mymap); var lati = 51.51; var longi = -0.09; var popupLocation1 = new L.LatLng(lati, longi); var popupContent1 = 'This …
12 leaflet  popup 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.