ไลบรารีการแมปเว็บใดที่เหมาะสำหรับแผนที่ในอาคาร [ปิด]

11

ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้

ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้มุ่งเน้นที่ปัญหาเดียวโดยแก้ไขโพสต์นี้

ปิดให้บริการใน2 ปีที่ผ่านมา

ฉันกำลังมองหาไลบรารีการแมปที่กำหนดเอง แต่ไม่แสดงพื้นที่ทางภูมิศาสตร์ที่แท้จริง แต่เพื่อแสดงแผนผังชั้นแบบกำหนดเอง ฉันได้มองหามาระยะหนึ่งแล้ว แต่คำตอบส่วนใหญ่ที่ฉันพบคือพื้นที่ทางภูมิศาสตร์

ฉันต้องการปรับแต่งระดับการซูมไม่กี่ระดับ (อาจเป็น 3 ระดับ) และฉันกำลังมองหาโซลูชัน JavaScript, HTML5 (canvas, SVG)

ไม่มีใครมีข้อเสนอแนะใด ๆ ?

— Tamas
แหล่งที่มา

3

ที่เกี่ยวข้อง: มีแพลตฟอร์ม GIS ในร่มหรือไม่

— blah238

1

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

— blah238

ขอบคุณสำหรับคำตอบที่ดีเหล่านี้ ฉันจะตรวจสอบวิธีแก้ไขปัญหา / ลิงก์ที่คุณแนะนำ เพื่อให้ข้อมูลเพิ่มเติมกับคุณฉันต้องการแผนที่ seatplan (แต่ละ cubicles สำนักงานและทีม (เช่นวิศวกร mngmt ผลิตภัณฑ์ ฯลฯ ) ลงบนแผนผังชั้นดังนั้นไม่จำเป็นต้องมีฟังก์ชันการทำแผนที่เพื่อรวมเข้ากับ แผนที่กลางแจ้ง / โลก

— Tamas

9

ฉันสร้างแอพแผนที่ของตัวเองโดยใช้แผนที่รูปภาพของตัวเอง มหาวิทยาลัยของเราเปลี่ยนมาเป็นวิทยาเขตใหม่และฉันทำแผนที่ออกมา 7 ชั้น (ในอาคาร) พร้อมซูม 5 ระดับจากแผนที่ที่วาดด้วยมือ

Leaflet สามารถทำงานกับไทล์แผนที่แบบกำหนดเองได้! ฉันได้ปฏิบัติตามคำแนะนำนี้ (omarriott.com/aux/leaflet-js-non-geographical-imagery) เพียงแค่ฉันลองผิดลองถูกกับตัวเลขระดับการซูมเพื่อให้แน่ใจว่าแผนที่ปรากฏขึ้น ทำงานให้ฉัน)

มีปลั๊กอินที่ชื่อว่า Leaflet Indoor แต่ขึ้นอยู่กับ geoJson ซึ่งฉันไม่มี ทั้งหมดที่ฉันมีคือพิกัดรูปภาพที่กำหนดเองและ Json ที่กำหนดเองของฉันเอง อย่างไรก็ตามแผ่นพับสามารถแปลงพิกัดของภาพเป็น lat lng (และในทางกลับกัน) ด้วยวิธี unproject และ project

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

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

— เควินลี
แหล่งที่มา

3

ไม่ทราบว่ากรณีการใช้งานของคุณคุณอาจต้องการดูที่ห้องสมุด D3.js (Data Driven Documents) สำหรับการแสดงข้อมูล ในขณะที่ฉันไม่รู้ว่ามันรองรับ "ระดับการซูม" ต่อ se หรือไม่ แต่มันรองรับแผนที่ที่ซูมได้

ดูตัวอย่างมากมายได้ที่นี่: https://github.com/mbostock/d3/wiki/Gallery

— RyanKDalton
แหล่งที่มา

2

ปฏิบัติต่อแปลนพื้นที่เป็นพื้นที่ทางภูมิศาสตร์ OpenLayers หรือ Leaflet ไม่สนใจว่าสิ่งที่พวกเขากำลังแสดงเป็นในร่มหรือกลางแจ้ง - ตราบใดที่คุณสามารถกำหนดระบบพิกัดมันจะดี

— BradHards
แหล่งที่มา

1

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

— blah238

blah238: วิกิชุมชน แก้ไขที่จะ

— BradHards