地理情報システム leaflet

1

リーフレットのポイントGeoJSONレイヤーのデフォルトスタイルを変更しますか？

リーフレットマップのポイントGeoJSONレイヤーのスタイルを変更する必要があります。次のコードを使用しています。 function onEachFeature(feature, layer) { if (feature.properties && feature.properties.popupContent) { layer.bindPopup(feature.properties.popupContent); } } var myStyle = { "color": "#ff7800", "weight": 5, "opacity": 0.65 }; myGeoJSONLayer = L.geoJson(myGeoJSON, { style: myStyle, onEachFeature: onEachFeature, }); myGeoJSONLayer.addTo(map); すべてが機能していますが、マップには常に標準のデフォルトの青いマーカーがあります。

9 leaflet geojson style

1

リーフレットのメルカトルバイアスプロット

私は、メルカトル図法のページからのこのウィキペディアの画像に触発され、リーフレットでハッキングしました。アイデアは、カーソルを大陸にインタラクティブに移動させ、それを投影に合わせて修正することでした。ステータスの詳細については、次のJSFiddleを参照してください。 http://jsfiddle.net/cantdutchthis/NrAEL/1/ 私は投影の世界では少し新しいですが、デモは緯度に対して十分に機能します。私は比較すると正距円筒とメルカトル図法をウィキペディア私にあなたがこれらの二つの突起を比較したときの投影のバイアスが唯一の「y軸」であるという印象を得ます。最初のウィキペディアの画像のため、経度を修正していないように見えます。これをサポートしたいのですが、これを行うための最良の方法が何なのかわかりません。現在、メルカトル図法のバイアスを表示する方法は、マウスが移動するたびに座標をマウスカーソルにシフトすることです。 map.on("mousemove", function(d){ Object.keys(myLayer._layers).map(function(d){ myLayer.removeLayer( myLayer._layers[d] ) }) var plotCoords = []; // green is the coordinate array for the landmass var green = [ [-46.76373672, 82.62796021],... ] for ( i in green ) { // shift the landmass to where the cursor is var …

9 javascript coordinate-system leaflet spherical-geometry mercator

2

リーフレットマップの進行状況バー

すべてのレイヤーがリーフレットマップにレンダリングされるのを待っている間にプログレスバーを表示する方法はありますか？この特定のケースでは、GeoJSONレイヤーがレンダリングされます。

9 javascript web-mapping leaflet

1

リーフレットショーマイル/キロメートル

Googlemapsは、左下にマイル/キロメートルの数を示す小さなバーを表示することにより、マップ上のエリアの大きさを示します。リーフレットもこれを何らかの形でサポートしていますか？ leafletjsのドキュメントに記載されていませんが、ライブラリでサポートする必要があるようです。

9 leaflet maps

3

GeoJSONポリゴンにラベルを付ける方法は？

LeafletとGeoJSON機能を組み合わせて使用しています。GeoJSONフィーチャ（この場合はポリゴン）にラベルを付ける方法はありますか？からラベルを取得する必要があります feature.properties.name これは私がラベルを挿入できると思う私のコードです： function style(feature) { return { weight: 2, opacity: 1, color: 'white', dashArray: '3', fillOpacity: 0.7, fillColor: getColor(feature.properties.coloring) }; }

9 javascript web-mapping labeling geojson leaflet

4

リーフレットマーカーを右クリックしてイベントの伝達を停止するにはどうすればよいですか？

リーフレットマーカーで右クリックイベントが見つからなかったので、マウスダウンイベントを聞き始めました。このイベントを解決するメソッドで、私はチェックします if (event.originalEvent.button == 2) { do_something(); // now i want to stop propagation of the rightclick return; } これは、do_something（）が呼び出されることで機能しますが、イベントはマップに伝播し、コンテキストメニューが表示されます。イベントがマップに伝播しないようにするにはどうすればよいですか？これはすべての主要な（つまりIE）ブラウザで動作しますか？

9 leaflet events markers

2

リーフレットでマルチポリゴンを自動ズーム

マルチポリゴンを持つgeojsonがあり、このマルチポリゴンをマップに合わせたいのですが。マップの中心は1つのポリゴンのみで、マルチポリゴンではありません。これが私のスクリプトです var map = L.map('map',{ zoomControl:false }) .setView([<?php echo $lat; ?>, <?php echo $lng; ?>], 12); var zoomFS = new L.Control.ZoomFS(); map.addControl(zoomFS); var defaultLayer = new L.TileLayer.MapBox.Light({minZoom: 10, maxZoom: 16}); map.addLayer(defaultLayer); var info = L.control(); info.onAdd = function (map) { this._div = L.DomUtil.create('div', 'info'); this.update(); return this._div; }; info.update …

9 cartography geojson leaflet

1

ポップアップに改行テキストを挿入する方法

Leaflet Marker Clusterを使用していて、ポップアップに5つの異なる行を表示する必要があります。しかし、私がこれを書くとき、それらはすべて同じ行にあります。誰かが私が別の人になるのを手伝ってくれる？ var a = addressPoints[i]; var title = a[2]; var univ = a[3]; var direct = a[4]; var city = a[5]; var state = a[6]; var marker = new L.Marker(new L.LatLng(a[0], a[1]), { title: title } ); marker.bindPopup("Student: " + title + "University: " + univ + "Direction: …

9 leaflet popup

3

リーフレットのポップアップにGeoJSONのプロパティを表示しますか？

これは私のシンプルなGeoJSONとLeafletマップです。プロパティをポップアップとして表示したいのですが、なぜそれが空なのかわかりません。私の間違いを教えていただけますか？ <html> <head> <title>A Leaflet map!</title> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" /> <style> #map { width: 960px; height: 500px; } </style> </head> <body> <div id="map"></div> <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script> <script> var map = L.map('map',{ center: [49.833352, 18.163662], zoom: 10 }); L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); var data ={ "type": "FeatureCollection", …

9 leaflet geojson features popup

2

リーフレット：geojsonレイヤーでカスタムマーカーを使用する方法

リーフレットマップにgeojsonを配置しようとしていますが、デフォルトのブルーマーカーを使用するまで、すべて正常に機能します。次に、カスタムマーカー（小さな.pngアイコン）を使用し、コードを次のように変更しました var my_json; $.getJSON('../Dati/my-geojson.geojson', function(data) { my_json = L.geoJson(data, { pointToLayer: function(feature, latlng) { var smallIcon = L.Icon({ options: { iconSize: [27, 27], iconAnchor: [13, 27], popupAnchor: [1, -24], iconUrl: 'icone/chapel-2.png' } }); return L.marker(latlng, {icon: smallIcon}); }, onEachFeature: function (feature, layer) { layer.bindPopup(feature.properties.ATT1 + '<br />' + feature.properties.ATT2); …

9 leaflet

5

マウスオーバーでリーフレットマーカーの色を変更する方法

Leafletメソッドsetstyleがポリゴンの色を変更するが、マーカーの色は変更しない理由を理解するのに苦労しています。ポリゴンは正常に動作します：ただし、マーカーの色は変わりません。マーカーの上にマウスを置くと、その色が変わります。setStyleがこれを行うようです。しかし、私は続けますlayer.setStyle is not a function AngularとLeafletを一緒に使用してマップを作成しています（angular-leaflet-directiveを使用しています）。コードのマウスオーバー部分は次のとおりです。 $scope.$on("leafletDirectiveMap.geojsonMouseover", function (ev, leafletEvent) { pointMouseover(leafletEvent); }); function pointMouseover(leafletEvent) { var layer = leafletEvent.target; layer.setStyle({ weight: 2, color: '#666', fillColor: 'white' }); } マーカーがマウスオーバーさpointMouseverれると起動し、LeafletEvent.targetでsetStyleを呼び出そうとします。LeafletEventをconsole.loggedしましたが、確かにそのTarget部分があります：マーカーではなくポリゴンにsetStyleが機能するのはなぜですか？マーカーの色を変更する方法は何ですか？

9 geojson markers leaflet

2

Leaflet.jsでポリゴンの塗りつぶし色を動的に設定するにはどうすればよいですか？

leaflet.jsのインタラクティブクロロパスの例を使用しています各ポリゴンがクリックされた後、各ポリゴンがページの下部に実行中の値の集計を追加する方法を理解しました。選択したポリゴンをもう一度クリックすると、実行中の集計から値が削除されます。これを地図上のポリゴンの塗りつぶしの変化として視覚的に表現したいと思います。これまでの私のコードは次のとおりです（PHPを含むJavaScript）：（私が何をしようとしているのかを説明するためにコード内にコメントを含めました。ここでもどんな助けも大歓迎です） function addUp(num, x) { <?php // begin php code $places = $db->query("SELECT boundary_id, boundary_name FROM boundaries WHERE boundary_state= '$thatstate'"); while($row = $places->fetch_object()) { //end php code ?> //begin javascript if (x == "List<?php echo $row->boundary_name ?>" && List<?php echo $row->boundary_name ?> == 1) { temp …

9 javascript polygon leaflet geojson php

1

リーフレットとGeoserver WMSマップを組み合わせる

私はGISの世界ではあまり熟練していませんが、このマップを使用できるかどうか知りたいです。 http://wfs-kbhkort.kk.dk/k101/wms?service=WMS&version=1.1.0&request=GetMap&layers=k101:theme-startkort&styles=&bbox=12.451709828167994,55.63150896601625,12.64714535243575,55.72503797474024&width=512&height=4954rss = application / openlayers リーフレット内？リーフレットのAPIを確認しましたが、カスタムマップ/タイルをtileLayerオプションで使用できることがわかりました。しかし、私はそれを機能させることができません。誰かが私を正しい方向に向けることができますか？

9 geoserver wms leaflet

1

リーフレットレイヤーのタイプを判断する正しい方法は？

リーフレット/ Javascriptでレイヤーの「タイプ」を識別するための正しい（または推奨される）アプローチは何ですか？私は正常に使用できlayer instanceofますが、これは、設計時にタイプを知っている場合にのみ機能します（通常はそうです）。 map.eachLayer(function(layer) { console.log('_leaflet_id=' + layer._leaflet_id + ' is layer type= '+ getLayerTypeName(layer)); function getLayerTypeName(layer) { if (layer instanceof L.Marker){ return 'Marker'; } else if (layer instanceof L.Tooltip){ return 'Tooltip'; } else if (layer instanceof L.esri.DynamicMapLayer){ return 'DynamicMapLayer'; } else if (layer instanceof L.esri.BasemapLayer){ return 'BasemapLayer'; } …

8 javascript leaflet esri-leaflet

1

プログラムでLeaflet Drawツールを有効にする方法

Leaflet Drawコントロールを使用していて、JavaScriptを使用して特定のツール（Draw Polygon）を有効/アクティブにしたいので、ページが読み込まれたときにこのツールがアクティブになります。これは可能ですか？ https://stackoverflow.com/a/17144318/906814は、コントロールをバイパスして直接描画を開始する方法を示していますが、追加の機能に簡単にアクセスできるため、代わりに既存のツールをプログラムで有効にしたいと思います。

8 leaflet leaflet-draw

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

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