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

6

วิธีสร้างเครื่องหมายคลัสเตอร์เคลื่อนไหวใน OpenLayers / Leaflet

ฉันต้องการใช้ Leaflet เนื่องจากการเปลี่ยนที่ราบรื่นซึ่ง Openlayers ดูเหมือนว่าพวกเขาไม่สามารถจับคู่ได้ ฉันต้องการความสามารถในการจัดกลุ่มเครื่องหมายด้วยกลุ่มเครื่องหมายสไตล์ที่กำหนดเองโดยเฉพาะ ตัวอย่างที่ดีที่สุดซึ่งแสดงให้เห็นถึงสิ่งที่ฉันกำลังพยายามที่จะบรรลุสามารถพบได้ที่Redfin โปรดสังเกตว่าการวางเมาส์เหนือคลัสเตอร์จะมีภาพเคลื่อนไหวที่ลื่นและโดยคลิกที่เครื่องหมายกลุ่มจะแยกออกเป็นเอฟเฟกต์แบบเคลื่อนไหว เมื่อถึงระดับการย่อ / ขยายที่แต่ละจุดไม่ทับซ้อนกับความอดทนที่กำหนดเครื่องหมายที่แท้จริงจะแบ่งออกเป็นตำแหน่งที่ตั้งในแบบเคลื่อนไหว ฉันชอบที่จะรวมเอฟเฟกต์ที่คล้ายกันเข้ากับสิ่งเหล่านี้และจะขอบคุณคำแนะนำเกี่ยวกับวิธีการที่ดีที่สุดหรือตัวอย่างอื่น ๆ ที่คุณอาจจะทราบ หมายเหตุ: Redfin ดูเหมือนว่าจะใช้แฟลชที่ฉันต้องการอยู่ห่างจาก ในสถานการณ์ที่ดีที่สุดฉันต้องการบรรลุสิ่งนี้ผ่าน Javascript หากเป็นไปได้ แต่คิดว่าอาจต้องทำผ่าน HTML5 / canvas บางทีการใช้ p - Raphael.js หรือ d3.js ความคิดใด ๆ BTW - พบตัวอย่างนี้แต่ดูเหมือนจะใช้กับ Google แผนที่โดยเฉพาะ

19 openlayers-2 web-mapping javascript clustering leaflet

4

ล้อเมาส์ของแผ่นพับซูมเมื่อคลิกบนแผนที่เท่านั้น

ฉันทำงานกับห้องสมุด Leaflet JavaScriptและแนบแผนที่ (กำลังทำงาน) กับเอกสาร HTML ของฉัน มันอยู่ตรงกลางของหน้าและเมื่อฉันเลื่อนลงด้วยล้อเลื่อนของเมาส์และมาถึงแผนที่มันจะซูมเข้าสู่แผนที่โดยอัตโนมัติ ฉันต้องการเลื่อนดูหน้าโดยไม่หยุดที่แผนที่ มีวิธีการเปิดใช้งานการซูมล้อหลังจากคลิกครั้งแรกบนแผนที่หรือไม่

19 javascript leaflet zoom mouse-wheel

2

วิธีทั่วไปในการแสดงข้อมูลภูมิศาสตร์จาก Postgis บนแผ่นพับคืออะไร

ตัวอย่างเช่นในฐานข้อมูลของฉันฉันมีบางจุดที่มีพิกัดทางภูมิศาสตร์ ฉันต้องการแสดงมันในเลเยอร์ Leaflet JS ฉันควรใช้เครื่องมือใด อาจมีบาง API ...

18 postgis leaflet

1

จะเพิ่ม / ลบ Legend ด้วย Leaflet Layers Control ได้อย่างไร?

ฉันมีโฆษณาซ้อนทับสองรายการhttp://02d0c8c.netsolhost.com/dev/lcb_census_layers3.htmlที่สามารถเปิดและปิดได้ด้วยตัวควบคุมเลเยอร์ ฉันต้องการตำนานสำหรับแต่ละเลเยอร์เพื่อเปิด / ปิดพร้อมกับเลเยอร์ ฉันยังใหม่กับ JavaScript และใหม่สำหรับ Leaflet <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Lake Champlain Basin Census Data</title> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.css" />  <style> #map { width: 750px; height: 580px; } …

18 javascript leaflet legend

3

Leaflet JS API ให้บริการ Geocoding หรือไม่

ฉันกำลังพิจารณาเปลี่ยน Google แผนที่ด้วย Open Street Maps และ Leaflet JS API Leaflet JS API ให้บริการ Geocoding หรือไม่

18 geocoding leaflet

3

คลิกกิจกรรมด้วย Leaflet และ geoJSON

ฉันจะแนบเหตุการณ์การคลิกกับ geoJSON ที่จะเรียกใช้ฟังก์ชัน Ajax เมื่อคลิกได้อย่างไร ฉันมองเข้าไปonEachFeatureแต่มันทำงานเมื่อมีการโหลด geoJSON ไม่ใช่เมื่อคลิกดังนั้นจึงเรียกใช้ ajax ได้หลายครั้ง!

18 leaflet geojson

2

Leaflet: Container container เทียบกับ Layer Layer?

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

17 coordinate-system leaflet coordinates

3

ใบปลิว: วิธีการวาดเส้นโค้ง?

ดังนั้นฉันจึงพยายามวาดเส้นโค้งในแอปพลิเคชันของฉันซึ่งใช้แผนที่ของ Leaflet เท่าที่ฉันรู้ Leaflet ไม่สนับสนุนการวาดเส้นโค้งในขณะนี้ดังนั้นคำถามของฉันคือเพิ่มเติมเกี่ยวกับวิธีรับ funtionality เส้นโค้งที่ดีที่สุดในนั้น ปัญหาทำยากขึ้นเพราะรหัสของฉันจะต้องเข้ากันได้กับ IE-8 ซึ่งหมายความว่า SVG แท้นั้นไม่มีวิธีแก้ไข (แผ่นพับจริงจะถอยกลับไปที่ VML หากตรวจพบว่าไม่มีการสนับสนุน SVG อยู่ ... ) ดังนั้นสิ่งหนึ่งที่เป็นไปได้คือให้ฉันเขียนโค้ดส่วนขยายของแผ่นพับบางส่วนตาม SVG โดยมีทางเลือกสำรองถึง VML นี่จะเป็นงานที่ต้องทำมากมาย : / ใครบ้างที่มีข้อเสนอที่ดีกว่า?

17 leaflet polyline-creation svg

6

คุณแปลง OSM XML เป็น geojson อย่างไร

ฉันต้องการใช้เอาต์พุต XML ของเคียวรี Xapi และแสดงโดยใช้ leaflet หรือ polymaps ฉันจะทำสิ่งนั้นได้อย่างไร มีวิธีง่าย ๆ ในการแปลง XML เป็น geojson

17 openstreetmap geojson xml leaflet polymaps

4

การควบคุมแผ่นพับที่กำหนดเอง

ฉันมีความช่วยเหลือในการสร้างการควบคุมแบบกำหนดเองสำหรับแผ่นพับ แต่ฉันยังคงมีปัญหาในการอัปเกรดเป็นสไตล์ CSS ที่ใช้โดย Leaflet เวอร์ชันล่าสุด โดยพื้นฐานแล้วสิ่งที่ฉันต้องการก็คือไอคอนในกล่องสีขาวที่มีเงาอยู่รอบ ๆ นี่คือสิ่งที่ฉันได้ทำงานจนถึงตอนนี้ดูและรู้สึกอิสระที่จะแยกมัน: http://codepen.io/DrYSG/pen/zJsiG

16 leaflet

7

กำลังเปรียบเทียบสองแผนที่กับเว็บอินเตอร์เฟสที่ดี?

เป็นไปได้ใน Leaflet หรือ OpenLayers เพื่อเปรียบเทียบสองแผนที่กับแถบเพื่อเลื่อนระหว่างทั้งสอง? ตัวอย่างรวมถึง: http://www.esri.com/services/disaster-response/hurricanes/hurricane-sandy-the-aftermap http://www.arcgis.com/apps/StorytellingSwipe/index.html?appid=c62112f6ba834227978d8f1cf2b6f5af http://www.abc.net.au/news/specials/qld-floods/ (ไม่ใช่แผนที่) ฉันรู้ว่ามันเป็นไปได้ฉันไม่รู้ว่าจะทำอย่างไร ใครมีความคิดเห็นบ้าง ตัวอย่าง?

16 openlayers-2 web-mapping leaflet swipe

1

รับ Lat, ตำแหน่งที่คลิกนานโดยใช้ API ของ Leaflet?

ฉันใช้ OSM กับ Leaflet API ตอนนี้ฉันต้องการรับ lat และตำแหน่งที่คลิกนาน ฉันหมายถึงบางสิ่งที่คล้ายกับสิ่งนี้ อดีต:http://openlayers.org/dev/examples/click.html map.events.register("click", map, function(e) { var position = map.getLonLatFromPixel(e.xy); alert("Lat, Lon : "+position.lon.toFixed(3),position.lat.toFixed(3)); }); รหัสนี้ใน OpenLayers ช่วยให้ได้ค่า lat, long ... กำลังมองหาสิ่งที่คล้ายกันโดยใช้ Leaflet ...

16 openstreetmap leaflet

1

วิธีการเปลี่ยนลำดับชั้นของบานหน้าต่างแผนที่แผ่นพับ (ดัชนี z)?

Leaflet ยืนยันว่าองค์ประกอบบานหน้าต่างแผนที่มีเลเยอร์ทั้งหมดที่เพิ่มลงในแผนที่ ความแตกต่างระหว่างบานหน้าต่างแผนที่จำนวนมากนั้นเป็นไปตามลำดับชั้นของดัชนีอย่างเคร่งครัด ฉันต้องการใช้การรวมกันของ lvector.CartoDB เลเยอร์ซึ่งเป็นoverlayPaneเลเยอร์หลักโดยใช้ TileLayer เช่น GeoIQ Acetate-bg และเลเบล นี่คือการจัดลำดับขององค์ประกอบที่เพิ่มแผนที่: tileLayer1 = new L.TileLayer(); map.add(tileLayer1); // add first layer to map cartoDBLayer1 = new lvector.CartoDB(); cartoDBLayer.setMap(map); // add second layer to map tileLayer2 = new L.TileLayer(); map.add(tileLayer2); // add third layer to map สิ่งที่ส่งคืนคือแผนที่ที่มีเลเยอร์ตามลำดับนี้: tileLayer1,tileLayer2,cartoDBLayer1 tileLayer1และtileLayer2ตั้งอยู่ในHTMLElement: TilePaneและอยู่ในcartoDBLayer1HTMLElement: overlayPane …

16 leaflet z-index

1

วิธีคัดลอกสไตล์สีไปยังคอลัมน์สีในตารางแอตทริบิวต์ของเลเยอร์

ฉันมีเลเยอร์หลายเหลี่ยมใน QGIS ที่ฉันใช้สไตล์สีแบบสุ่มกับรูปหลายเหลี่ยมแต่ละรูป ภายใต้คุณสมบัติเลเยอร์ -> สไตล์ฉันเลือกสไตล์การจัดหมวดหมู่แล้วสร้างทางลาดสีแบบสุ่ม ฉันเพิ่มคอลัมน์สีลงในตารางเลเยอร์ มีวิธีคัดลอกสีที่กำหนดในสไตล์ไปยังคอลัมน์สีโดยอัตโนมัติสำหรับแต่ละรูปหลายเหลี่ยมในรูปแบบ "# ff0000" หรือไม่ ท้ายที่สุดฉันต้องการส่งออกเป็นเลเยอร์ GeoJSON และนำเข้าสู่แผนที่แผ่นพับ คอลัมน์สีจะตั้งค่าสีในแผ่นพับ

15 qgis leaflet pyqgis style

1

ซูมเข้าไปไกลกว่าระดับ 19 ด้วย API ใบปลิว javascript หรือไม่

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

15 leaflet zoom

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