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

ฉันมีแผนที่แผ่นพับซึ่งขนาดขึ้นอยู่กับขนาดของหน้าต่างเบราว์เซอร์ ฉันต้องการให้ระดับการซูมได้รับการเลือกแบบไดนามิกเพื่อให้สามารถซูมได้มากที่สุดเท่าที่จะเป็นไปได้ในขณะที่แสดงขอบเขตทั้งหมด ตอนนี้ฉันเพิ่งได้ระดับการซูมฮาร์ดโค้ดและจุดศูนย์กลางตามค่าเฉลี่ยของคะแนน map = new L.Map('map', { center: new L.LatLng( latitudeSum/locations.length, longitudeSum/locations.length ) zoom: 9 }) แต่ฉันต้องการให้มันเป็นกล่องที่มีขอบเขต (สองเกาะ) และให้ระดับการซูมที่เลือกตามขนาดของหน้าต่าง

13 leaflet 

ฉันได้เพิ่มเลเยอร์ geoJSON หลาย ๆ อันลงในแผนที่ของฉันโดยเพิ่มเลเยอร์เหล่านั้นลงใน LayerGroup แล้วเพิ่มเลเยอร์กลุ่มลงในแผนที่ ตอนนี้ฉันต้องการเรียก fitBounds บนแผนที่ด้วยขอบเขตที่รวมกันของเลเยอร์ทั้งหมดปัญหาคือ layerGroup ที่ไม่มีเมธอด getBounds ฉันควรทำอย่างไร

12 leaflet 

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

12 leaflet  search 

มีห้องสมุด JS ใด ๆ หรือไม่ที่จะแสดงแผนที่ปกติ (เช่นแผ่นพับ) ลงในแผนที่มุมมองเช่นนี้บนเว็บ: นอกจากนี้ทุกคนเห็นอะไรก็ตามที่สามารถเปลี่ยนข้อมูล CartoDB เป็นการนำเสนอแบบ 3 มิติเช่นนี้

12 javascript  leaflet  3d  carto 

ฉันมี geoserver ที่ให้บริการรูปร่างเป็น WMS ในแผ่นพับ ฉันต้องการเพิ่มการทำงานร่วมกันที่แสดงป๊อปอัพที่มีคุณสมบัติ WMS ในแผนที่ Leaflet เมื่อผู้ใช้เลื่อนหรือคลิกที่คุณสมบัติ WMS ฉันเคยเห็นการโต้ตอบของขี้ผึ้ง / ใบปลิว แต่เป็นไปได้ด้วย WMS และแผ่นพับ?

12 geoserver  wms  leaflet 

ฉันสร้างป๊อปอัพโดยใช้ Leaflet: marker.bindPopup(content).openPopup(); ฉันจะอัปเดตcontentค่าในภายหลังได้อย่างไร ฉันคิดว่าจะทำจากเครื่องหมายบางอย่างเช่นนี้: marker.updatePopup(newContent);

12 leaflet  popup 

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

12 leaflet  mapbox 

ฉันพยายามพัฒนา "สูตร" เพื่อแก้ไขค่า lat-lng ฉันใช้ vue-leaflet แต่เมื่อคุณเลื่อนออกไปข้างนอกโลก "แรก" คุณจะได้รับจำนวนมาก มากกว่า +180 หรือต่ำกว่า -180 ตัวอย่างเช่นเมื่อฉันหันไปอเมริกาทางขวา (ทิศตะวันออก) ฉันจะได้รับ lng 215 ในใจฉันจะแก้ไขให้ถูกด้วย 215-360=-145 เช่นเดียวกันเมื่อฉันหันไปทางรัสเซียตะวันออกไปทางซ้าย (ทิศตะวันตก) และฉันได้รับตัวอย่าง -222 ตอนนี้ฉันต้องคำนวณ-222+360=138 อย่างไรก็ตามเนื่องจากโลกไม่มีกำหนดผู้ใช้สามารถเลื่อนไปยังโลกที่ 8 และฉันต้องปรับค่า เป็นไปได้ไหมที่จะคำนวณลองจิจูดที่ถูกต้อง? (และข้อกำหนดอื่นคือเมื่อผู้ใช้อยู่ในโลกแรก 24 lng ควรยัง 24 lng

11 leaflet  javascript  latitude-longitude 

ฉันสนใจที่จะสร้างแอปพลิเคชั่นแผนที่เว็บซึ่งจะแสดงแผนที่ของประเทศของฉันและไฟล์ต่าง ๆ (.tif, shp) ที่ด้านบนของมันเป็นเลเยอร์และฉันตัดสินใจที่จะสร้างมันบนแผ่นพับ ดังนั้นเมื่อฉันเริ่มฉันใช้แผนที่มาตรฐานจาก 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 ที่ฉันสามารถใช้?

11 openstreetmap  leaflet  basemap 

ฉันมีฐานข้อมูล PostGIS และประสบความสำเร็จในการใช้ตารางลงใน GeoServer และเผยแพร่ WFS มีจุดปลายทาง REST ที่ใช้ได้สำหรับบริการคุณลักษณะของ WFS เหล่านี้หรือไม่ พารามิเตอร์ที่จะสร้างเป็นอย่างไร

11 postgis  geoserver  leaflet  wfs 

มีความเป็นไปได้ไหมที่จะมีปุ่ม Home บนแผนที่ Leaflet ซึ่งจะซูมไปที่มุมมองแผนที่เริ่มต้นหรือตำแหน่งที่กำหนดไว้ตามลำดับ?

11 leaflet 

ฉันพยายามเปลี่ยนความสูงของแผนที่แผ่นพับเป็นเปอร์เซ็นต์ภายใน bootstrap แต่ทุกครั้งที่ทำแผนที่จะไม่วาด ดังนั้นฉันต้องเปลี่ยนกลับเป็นค่า px เสมอ ฉันค่อนข้างมั่นใจว่าเป็นการตั้งค่าแบบง่ายที่ฉันขาดไปตั้งแต่ฉันเป็นสามเณร CSS นี่คือ CSS ของฉัน <style type="text/css"> body { padding-top: 60px; padding-bottom: 40px; } #map { height: 75%; } </style>

11 web-mapping  leaflet  bootstrap-framework 

นี่อาจเป็นคำถามที่งี่เง่า แต่ฉันไม่สามารถหาวิธีที่จะจัดทำเอกสารนี้ ฉันต้องการจัดตำแหน่งเมนูควบคุมเลเยอร์อย่างอิสระอาจไปทางซ้ายบนใกล้กับปุ่มซูมเข้า / ออกเริ่มต้น การควบคุมชั้นของฉันมีลักษณะเช่นนี้: // Group layers as overlay pane overlayPane = { "Endpoints" : endpointMarkerLayer, "Links" : linkLineLayer }; // Add a layer control element to the map layerControl = L.control.layers(null, overlayPane); layerControl.addTo(map); ที่ไหนendpointMarkerLayerและlinkLineLayerเป็นชั้นที่มีเครื่องหมายและ polylines ตามลำดับ มีตัวเลือกในการระบุตำแหน่งที่เมนูควรปรากฏหรือไม่? หรือมิฉะนั้นฉันจะได้รับการอ้างอิงถึง DOM-objcet ของเมนูควบคุมได้อย่างไรซึ่งฉันสามารถกำหนดคลาสที่กำหนดเองและการวางตำแหน่งแทนที่ใน CSS ได้

11 layers  leaflet 

ฉันมีข้อมูลบางอย่างเช่นนี้: longitude latitude speed direction 1 6.10722222 46.23639 4 360 2 6.95416667 43.54694 4 360 3 7.21472222 43.66556 13 330 4 4.01666667 48.32167 7 290 5 2.30833333 43.21611 14 290 6 2.48305556 44.40806 13 320 7 5.21500000 43.43694 19 330 8 4.92361111 43.52278 32 320 9 5.10805556 43.60306 26 330 …

11 r  leaflet  labeling  cartography  line 

มีวิธีการกำจัด "slivers" ขนาดเล็กระหว่างรูปหลายเหลี่ยมที่ใช้Rหรือไม่? วิธีการแก้ปัญหาที่ต้องการจะสร้างใหม่SpatialPolygonsDataFrameที่ขอบเขตร่วมกันระหว่างรูปหลายเหลี่ยมเป็นเรื่องบังเอิญ ฉันสนใจโซลูชันที่ใช้Rเป็นพิเศษมากกว่า ArcMap หรือ 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", …

10 polygon  leaflet  r  tiger  slivers