แนะนำ Layerpin
แปลงภาพพิมพ์เขียว, แปลนอาคาร และแผนภาพทางเทคนิคแบบคงที่ให้กลายเป็นแผนที่ภาพแบบโต้ตอบประสิทธิภาพสูง พร้อมหมุดที่กำหนดเอง, รูปทรงเวกเตอร์, Deep Zoom และการฝังบนเว็บไซต์อย่างปลอดภัย
Layerpin คืออะไร?
Layerpin คือแพลตฟอร์มสร้างแผนที่ภาพแบบอินเทอร์แอคทีฟที่ออกแบบมาสำหรับสื่อภาพโดยเฉพาะ เช่น ผังชั้นอาคาร, พิมพ์เขียวสถาปัตยกรรม, ผังงานแสดงสินค้า, พิพิธภัณฑ์, แผนที่สถาบันการศึกษา, ผังร้านค้า และแผนภาพเชิงเทคนิค
ต่างจากแผนที่ภูมิศาสตร์ทั่วไปที่ต้องใช้พิกัดโลกจริงและข้อมูลดาวเทียม GIS ทาง Layerpin ทำงานบนภาพของคุณโดยตรงด้วยระบบพิกัดที่ปรับขนาดอัตโนมัติ, รองรับการสัมผัส, ค้นหาได้ทันที และส่งข้อมูลผ่าน Edge CDN ที่รวดเร็ว
ระบุยูนิตอสังหาฯ, สถานะความพร้อม, พื้นที่ใช้สอย, ข้อมูลผู้เช่า, รูปภาพ และสิ่งอำนวยความสะดวกบนผังโดยตรง
นำทางผู้เข้าชมบูธแสดงสินค้า, ตารางเวที, ทางออกฉุกเฉิน, จุดบริการอาหาร และบูธสปอนเซอร์ด้วยระบบค้นหาและตัวกรอง
เปลี่ยนภาพระเบิดชิ้นส่วน, สายการผลิต และภาพวาดทางวิศวกรรมให้เป็นเอกสารพร้อมจุดกดป๊อปอัปและลิงก์คำสั่ง
ซูมดูภาพถ่ายโดรนความละเอียดสูงพิเศษ, ภาพวาดในพิพิธภัณฑ์ และผัง CAD ด้วยระบบ Deep Zoom หลายระดับความคมชัด
ขั้นตอนการสร้าง 4 ขั้นตอน
เปลี่ยนจากภาพทั่วไปสู่แผนที่โต้ตอบความเร็วสูงที่ฝังบนเว็บไซต์ของคุณได้ง่ายๆ ใน 4 ขั้นตอน:
- 1อัปโหลดภาพต้นฉบับหรือพิมพ์เขียวใช้รูปภาพความละเอียดสูงในฟอร์แมต PNG, JPEG, WebP, SVG หรือ AVIF หากเป็นภาพขนาดใหญ่จะแปลงเป็นพีระมิด Deep Zoom ให้โดยอัตโนมัติ
- 2วาดหมุดปัก, พื้นที่โซน และข้อความชี้จุดใช้ 11 เครื่องมือวาดเพื่อปักหมุด, ลากเส้นขอบเขต, วัดระยะทาง และใส่ป้ายข้อความชี้บอกรายละเอียดบนผืนผ้าใบ
- 3จัดหมวดหมู่, สื่อ และการ์ดข้อมูลใส่แกลเลอรีรูปภาพ, ปุ่มแอ็กชัน, ป้ายกำกับ และคำอธิบาย Markdown พร้อมจัดหมวดหมู่สีและค้นหาคำสำคัญได้ทันใจ
- 4เผยแพร่และนำไปฝังได้ทุกที่เผยแพร่เวอร์ชันที่แคชบนเครือข่าย CDN ทั่วโลกได้อย่างรวดเร็ว คัดลอกโค้ด iframe แบบ responsive พร้อมการป้องกันโดเมน หรือแชร์ลิงก์โดยตรง
สถาปัตยกรรมหลัก & ระบบพิกัด
การสร้างแผนที่ภาพที่ย่อขยายได้ดีบนทุกหน้าจออาศัยหลักการทางวิศวกรรม 3 ประการ:
ต่างจากพิกัดพิกเซลคงที่ที่มักเลื่อนหลุดเมื่อหน้าจอเปลี่ยน Layerpin คำนวณตำแหน่งด้วยสัดส่วน 0.00 ถึง 100.00 ทำให้หมุดล็อกอยู่กับจุดบนภาพอย่างแม่นยำบนทุกอุปกรณ์
การแก้ไขจะอยู่ในโหมดร่างส่วนตัว คุณสามารถปรับแต่งพิกัดและสีสันได้โดยไม่รบกวนผู้ชมที่กำลังเปิดดูแผนที่จริง
การกด "เผยแพร่" จะสร้างสแนปชอตแบบอ่านอย่างเดียวบน CDN ทั่วโลก ทำให้ผู้ใช้เปิดแผนที่ได้ในเวลาไม่ถึง 15 มิลลิวินาที
ฟีเจอร์เด่นของแพลตฟอร์ม
เครื่องมือครบครันสำหรับการสร้าง ปรับแต่ง จัดระเบียบ และเผยแพร่แผนที่เชิงภาพแบบโต้ตอบ:
มีทั้งหมุดปัก, โพลีกอน, สี่เหลี่ยม, วงกลม, เส้นเชื่อมต่อ, แปรงวาด, ข้อความ, คำบรรยายชี้จุด, การวัดระยะ, ยางลบ และเครื่องมือเลือก
แสดงทูลทิปเมื่อชี้เมาส์, เมนูด้านข้าง หรือหน้าต่างโมดอลพร้อมรูปสไลด์, ปุ่มลิงก์ และข้อความ Markdown
จัดกลุ่มหมุดตามสี พร้อมปุ่มเปิดปิดหมวดหมู่, ช่องค้นหาทันที และไอคอนเฉพาะตัว
โหลดชิ้นส่วนภาพตามต้องการ ทำให้เปิดดูภาพพิมพ์เขียวขนาด 50,000 พิกเซลได้อย่างลื่นไหลที่ 60 FPS ไม่กินแรม
โค้ด iframe ที่ปรับขนาดได้ พร้อมระบบจำกัดโดเมนที่อนุญาต เพื่อความปลอดภัยของเนื้อหาคุณ
สร้างแผนที่ได้ไวยิ่งขึ้นด้วยคีย์ลัดกว่า 25 แบบสำหรับสลับเครื่องมือ คัดลอกสไตล์ และเปลี่ยนมุมมอง
สร้างหมุดจากข้อความหรือ CSV, วาดเส้นขอบเขตอัตโนมัติ, รวมหมวดหมู่ และแปลทั้งแผนที่เป็น 16 ภาษาอย่างปลอดภัยด้วยคีย์ของคุณเอง (BYOK)
แปลหมุด, รูปทรง, ตัวกรอง และเนื้อหาเป็น 16 ภาษา พร้อมปุ่มสลับภาษาสำหรับผู้ชมและการแสดงผลสำรองที่ราบรื่น
อัปโหลดหมุดจำนวนมากจากไฟล์ CSV, Excel หรือ Numbers พร้อมฟิลด์ข้อมูลที่กำหนดเอง หรือดาวน์โหลดสำรองเป็น CSV หรือ JSON ได้ตลอดเวลา
โคลนแผนที่ทั้งหมดพร้อมภาพความละเอียดสูงและหมุด เพื่อทดลองแก้ไขอย่างปลอดภัยก่อนเผยแพร่จริง
สร้างแผนที่แรกของคุณ
พร้อมเริ่มหรือยัง? ทำตามขั้นตอนง่ายๆ เหล่านี้เพื่อสร้างและเผยแพร่แผนที่แรกของคุณ:
- 1เปิดแดชบอร์ดแผนที่ไปที่แดชบอร์ดแผนที่ของคุณแล้วคลิก "สร้างแผนที่"
- 2อัปโหลดภาพหรือผังงานเลือกไฟล์ผังอาคารหรือรูปภาพจากคอมพิวเตอร์ของคุณ (JPEG, PNG, WebP, SVG, AVIF)
- 3ปักหมุดและวาดรูปทรงแรกกดแป้น M สำหรับหมุด หรือ P สำหรับโพลีกอน แล้วคลิกบนภาพเพื่อวางจุด
- 4เผยแพร่แผนที่คลิก "เผยแพร่" ที่แถบด้านบน แผนที่ของคุณจะพร้อมใช้งานและนำไปฝังบนเว็บไซต์ได้ทันที!
การฝังบนเว็บไซต์ & ความปลอดภัย
การนำแผนที่ไปฝังบนเว็บไซต์ใช้เพียงโค้ด iframe สั้นๆ รองรับการสัมผัสและการซูมบนมือถือทันที:
<iframe
src="https://layerpin.com/m/YOUR_MAP_ID"
width="100%"
height="600"
style="border: 0; border-radius: 12px; overflow: hidden;"
allow="fullscreen"
loading="lazy"
></iframe>