ระบบสารสนเทศทางภูมิศาสตร์ leaflet

2

ฉันนิ่งงันและการค้นหาจำนวนมากไม่ได้มีประโยชน์อะไรเลย ฉันอยู่ในขั้นตอนแรกของสิ่งที่ในที่สุดจะเป็นแผนที่ที่มีสามชั้นแรสเตอร์และสามชั้นของเครื่องหมาย (พร้อมการควบคุมเพื่อสลับระหว่าง rasters และข้อมูลที่เกี่ยวข้องกับป๊อปอัป / เคล็ดลับเครื่องมือสำหรับข้อมูล) แต่ฉันไม่สามารถ รับไทล์มิลล์เพื่อแสดงอย่างถูกต้อง (ฉันสร้าง rasters ใน 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 …

15 raster javascript leaflet tilemill browser

2

ทริกเกอร์คลิกเหตุการณ์บนแผนที่แผ่นพับ?

เป็นไปได้หรือไม่ที่จะทำให้เกิดเหตุการณ์การคลิกที่ละติจูด / ลองจิจูดบนแผนที่แผ่นพับ? ฉันต้องการให้ป๊อปอัปปรากฏขึ้นซึ่งเกี่ยวข้องกับจุด ณ สถานที่หนึ่ง ฉันลองหลายชุดmap.fireEvent('click', latLon)แล้วmap.fire('click', latLon)แต่ไม่พบตัวอย่างหรือข้อมูลอ้างอิงที่อธิบายวิธีการนี้ นี่เป็นสิ่งที่สามารถทำได้หรือไม่? วิธีการหนึ่งที่ผมได้พยายาม (และที่ทำงาน) layer[id].fireEvent('click')คือการระบุวัตถุในชั้นใบปลิวและเรียกเหตุการณ์คลิกใช้ อย่างไรก็ตามสิ่งนี้ต้องการให้ฉันรู้ ID วัตถุและฉันต้องการให้สามารถใช้ lat / lon เพื่อเริ่มการคลิกนี้ ฉันต้องการเปิดป๊อปอัปที่ตำแหน่งที่ถูกคลิกและฉันไม่ต้องการเพิ่มเครื่องหมายหรือเพิ่มป๊อปอัพใหม่ที่ตำแหน่งนี้ สิ่งที่ฉันพยายามทำคือเริ่มเหตุการณ์คลิกที่ละติจูด / ลองจิจูดที่มีจุดอยู่แล้วและเรียกป๊อปอัปที่มีอยู่แล้ว

15 leaflet

4

กำลังมองหาทางเลือกโอเพ่นซอร์สสำหรับเครื่องมือ StreetView ของ Google หรือไม่ [ปิด]

ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้ ปิดให้บริการใน4 เดือนที่ผ่านมา คำตอบของคำถามนี้เป็นความพยายามของชุมชน แก้ไขคำตอบที่มีอยู่เพื่อปรับปรุงโพสต์นี้ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ฉันกำลังมองหาเพื่อสร้างแอปพลิเคชันจาวาสคริปต์แบบโอเพนซอร์สโดยใช้ Leaflet หรือ OpenLayers มีวิธีใดบ้างที่จะใช้มุมมองแบบพาโนรามา (คล้ายกับ StreetView ของ Google) กับสิ่งเหล่านี้หรือ API แบบเปิดใด ๆ มุมมองแบบพาโนรามาของฉันจะกำหนดเองจากภาพถ่ายส่วนตัวดังนั้นฉันไม่จำเป็นต้องหยิบภาพพาโนรามาจากบริการที่มีอยู่ ฉันเข้าใจว่าเป็นไปได้ที่จะรวม Google StreetView เข้ากับแอปที่ไม่ใช่ของ Google แต่มีอะไรอีกบ้างไหมที่จะให้ฟังก์ชั่นที่คล้ายกันโดยไม่ต้องใช้ Google API

15 openlayers-2 google-maps javascript leaflet

1

Leaflet: คุณใช้ removeLayer อย่างไร

นี่ทำให้ฉันเป็นบ้า ดูบทช่วยสอนของแผ่นพับสำหรับเพิ่มการควบคุมเลเยอร์ในแผนที่ของคุณ: 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 …

15 javascript leaflet mapbox

2

วิธีการคำนวณกล่องขอบเขตของวัตถุ geojson โดยใช้ python หรือ javascript

ฉันมีแอพ django ที่มีแผ่นพับที่ส่วนหน้าและฉันจำเป็นต้องคำนวณ bbox ของวัตถุ geojson เพื่อให้ฉันสามารถส่งพิกัดไปยัง map.fitBounds() ฉันลองใช้ libs แล้วลองใช้getBoundsวิธีการของวัตถุบางอย่างใน Leaflet เช่นFeatureGroupแต่มันก็บ่นว่าขอบเขตไม่ได้ถูกกำหนดไว้ ใครช่วยชี้ให้ฉันเห็นวิธีแก้ปัญหาง่ายๆ

14 python leaflet geojson django

2

ปัญหาพิกัดพิกัดแผ่นพับ geojson

ฉันเพิ่งเริ่มเล่นกับ leflet / geojson เล็กน้อย แต่พิกัดของฉันไม่ได้แสดงอย่างถูกต้องและฉันก็ไม่รู้ว่าเกิดอะไรขึ้น พิกัดของฉันคือ: 52.23943, 4.97599. มันทำงานอย่างถูกต้องด้วยsetViewฟังก์ชั่น var map = L.map('leaflet_map').setView([52.23943, 4.97599], 15); แต่ใช้ geojasonFeature พวกเขาคือ hmmm, 'projected' ซึ่งอยู่ทางตะวันออกของโซมาเลีย var geojsonFeature = { "type": "Feature", "properties": { "name": "Coors Field", "amenity": "Baseball Stadium", "popupContent": "This is where the Rockies play!" }, "geometry": { "type": "Point", "coordinates": [52.23943, …

14 geojson leaflet

2

ฉันจะสร้างรูปหลายเหลี่ยมล้อมรอบโลกได้อย่างไร

ฉันใช้แผนที่แผ่นพับเพื่อสร้างความท้าทายรอบโลก ฉันต้องการเพิ่มรูปหลายเหลี่ยมซึ่งมุ่งหน้าไปทางทิศตะวันออกจากโตเกียวจากนั้นปรากฏทางตะวันตกของอเมริกาใต้บนแผนที่ - แต่ฉันกลับได้เส้นที่ข้ามแผนที่ในทิศทางตรงกันข้าม (ดูเส้นสีเหลือง) ฉันคิดว่านี่อาจเกี่ยวข้องกับดาต้าไลน์และ / หรือระบบพิกัด ใครสามารถอธิบายทฤษฎีเบื้องหลังสิ่งที่ฉันต้องทำเพื่อให้เรื่องนี้ทำงานได้ ฉันกำลังใช้การประมาณการแบบ bluemarble จาก Nasa: var bluemarble = new L.TileLayer.WMS("http://demo.opengeo.org/geoserver/wms", { layers: 'bluemarble', attribution: "Data &copy; NASA Blue Marble, image service by OpenGeo", minZoom: 2, maxZoom: 5 });

14 coordinate-system polyline-creation leaflet

1

จะตรวจสอบว่ามีการเพิ่มเลเยอร์แผ่นพับลงบนแผนที่ได้อย่างไร?

ฉันสร้างแอพแผนที่อย่างง่ายที่มีเลเยอร์อยู่ด้านบนของแผนที่ ในแผ่นพับฉันจะตรวจสอบว่ามีเลเยอร์อยู่แล้วได้อย่างไร

14 leaflet

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 &copy; <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 = …

14 leaflet popup

3

วิธีใช้ Leaflet เพื่อแสดงบางส่วนของชุดข้อมูลขนาดใหญ่ได้อย่างมีประสิทธิภาพ

ฉันเห็นผู้พัฒนาเว็บที่ไม่ใช่ GIS ยังคงพบปัญหานี้อยู่และฉันไม่แน่ใจว่าโซลูชันนี้เป็นอย่างไร มีชุดข้อมูลหลายพันรายการ เราต้องการแสดงแผนที่ให้กับผู้ใช้ด้วยชุดย่อยที่มองเห็นได้ของพวกเขาแสดงเป็นองค์ประกอบแบบโต้ตอบและคลิกได้ มีวิธีการอะไรในการทำสิ่งนี้? ฉันสามารถคิดถึงสิ่งเหล่านี้ได้ แต่พวกเขาไม่พอใจอย่างมากดังนั้นฉันจึงสงสัยว่ามีอะไรอีกบ้าง: เก็บข้อมูลทั้งหมดในไฟล์ GeoJSON โอนไปยังเบราว์เซอร์และให้ Leaflet แสดงข้อมูล ปัญหา: ไม่ได้ทำงานกับชุดข้อมูลขนาดใหญ่ TopoJSON เพิ่มขีด จำกัด เล็กน้อย นอกจากนี้ยังทำให้เกิดความล่าช้ามากในการโหลดหน้า ใช้ Mapbox จัดเก็บข้อมูลทั้งหมดในเลเยอร์แบบโต้ตอบบน Mapbox และใช้ Mapbox.js เพื่อแสดง ใช้งานได้ดี แต่มีค่าใช้จ่ายและคุณไม่สามารถโฮสต์ด้วยตัวเองได้ ใช้ GeoServer เพื่อเข้าถึงฐานข้อมูล PostGIS ใช้ปลั๊กอินใบปลิว WFS-geojson เพื่อเข้าถึงข้อมูลจากที่นั่น อาจใช้งานได้ แต่ปลั๊กอิน WFS-geojson Leafletดูเหมือนจะไม่ได้รับการดูแลรักษาอีกต่อไป ใช้ CartoDB จัดเก็บข้อมูลทั้งหมดในตาราง CartoDB และใช้CartoDB.jsเพื่อแสดง ใช้งานได้ดี แต่อาจมีราคาแพงมาก เป็นไปได้ที่จะโฮสต์ด้วยตัวคุณเอง แต่การติดตั้ง CartoDB …

13 geoserver web-mapping leaflet wfs geojson

3

Color-code a Leaflet polyline ขึ้นอยู่กับค่าเพิ่มเติมเช่นความสูงความเร็ว

ฉันต้องการวาด GPX-track บนแผนที่ Leaflet โพลีไลน์ไม่ควรมีเพียงสีเดียว แต่ฉันต้องการแสดงค่าบางอย่างเช่นระดับความสูง, ความเร็ว, อัตราการเต้นของหัวใจ, อุณหภูมิ, จังหวะ, ความชันของรหัสสี แน่นอนสามารถมองเห็นค่าเดียวเท่านั้นในครั้งเดียว ค่าจะถูกเก็บไว้พร้อมกับL.LatLngเช่นในmeta: {ele: 298, hr: 155}วัตถุ ฉันใหม่กับ Leaflet และกังวลเป็นพิเศษเกี่ยวกับการหาวิธีที่มีประสิทธิภาพในการทำเช่นนี้ สิ่งแรกที่อยู่ในใจคือการสร้าง polylines หลายร้อยหรือหลายพันตัวแต่ละอันมีสีพิเศษ แต่ฟังดูโลภมากเกี่ยวกับหน่วยความจำและซีพียู ความคิดใด ๆ ตัวอย่างสิ่งที่ฉันหมายถึงสามารถดูได้ที่นี่

13 leaflet

1

การสร้าง Heatmap จาก PostGIS

ฉันมีข้อมูล GIS ในฐานข้อมูล PostGIS และต้องการสร้างแผนที่ความหนาแน่นและแสดงข้อมูลเหล่านั้นบน Leaflet / Google Maps คำถาม:อะไรคือวิธีที่แนะนำ / โดยทั่วไปสำหรับการทำเช่นนั้นโดยไม่ต้องโอนจุดข้อมูลทั้งหมด (ล้าน) ภายในมุมมองของแผนที่ไปยังแผนที่ Leaflet / Gmaps? ไม่ต้องมีการแทรกแซงของผู้ใช้ (เช่นนำเข้าข้อมูลไปยัง ArcGIS เพื่อสร้างแผนที่) ไม่จำเป็นต้องมีเว้นแต่ว่าระบบอัตโนมัติจะทำได้ผ่าน CLI เป็นต้น ขณะนี้ใช้ Postgresql / PostGIS เป็นฐานข้อมูลเชิงพื้นที่และ Leaflet บนเบราว์เซอร์

13 postgis google-maps leaflet

2

ตัวอย่างของแอปพลิเคชั่นการทำแผนที่แบบโต้ตอบใบปลิว [ปิด]

ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้มุ่งเน้นที่ปัญหาเดียวโดยแก้ไขโพสต์นี้ ปิดให้บริการใน2 ปีที่ผ่านมา ฉันต้องการพัฒนาแอปพลิเคชั่นแผนที่ที่เรียบง่าย หนึ่งที่ผู้ใช้สามารถแปลงบรรทัดรูปหลายเหลี่ยมและจุดและคุณลักษณะคุณลักษณะ คุณลักษณะนั้นจะถูกเก็บไว้ในฐานข้อมูลเพื่อการประเมินในภายหลัง มีใครเห็นแอปดังกล่าวโดยใช้ห้องสมุดใบปลิวหรือไม่

13 leaflet

2

วางตัวควบคุมนอกคอนเทนเนอร์แผนที่ด้วย Leaflet หรือไม่

มีคนบอกฉันได้อย่างไรว่าฉันจะวางการควบคุมนอกเนื้อหาแผนที่ด้วย Leaflet ได้อย่างไร ในกรณีนี้ฉันแค่ต้องการวางสวิตช์ควบคุมเลเยอร์นอกวัตถุแผนที่

13 leaflet

2

ผู้ให้บริการไทล์ฟรีสำหรับ Leaflet

ฉันใช้แผ่นพับสำหรับแผนที่เว็บไซต์ของฉัน จนถึงตอนนี้ฉันใช้แผนที่ของ Mapbox (มันเท่ห์) แต่เห็นได้ชัดว่าพวกเขาคิดค่าบริการสำหรับเว็บไซต์ที่มีแผนที่มากกว่า 100,000 รายการต่อเดือน ฉันพยายามหาผู้ให้บริการไทล์ซึ่งไม่มีค่าใช้จ่ายสำหรับไทล์ของพวกเขา ตอนแรกฉันทำกับ OpenCycleMap และทดแทน https: // {s} .tiles.mapbox.com / v3 / {ID} / {Z} / {x} / {y} .png กับ http: // {s} .tile.opencyclemap.org / รอบ / {Z} / {x} / {y} .png สองคำถาม: 1) OpenCycleMap จัดหาไทล์ฟรีโดยไม่ จำกัด แผนที่ต่อเดือนหรือไม่ 2) ใครรู้จักผู้ให้บริการฟรีอื่น ๆ บ้างไหม?

13 openstreetmap leaflet tiles data

คำถามติดแท็ก leaflet