Layerpin logo
Cấu hình

Thẻ thông tin bản đồ & Bộ điều khiển khám phá

Cấu hình thẻ tiêu đề bản đồ, mô tả markdown phong phú, các nút thao tác, phong cách thẻ, thanh tìm kiếm và thanh bộ lọc danh mục trong bảng Thông tin bản đồ.

Tổng quan & Kiến trúc bảng điều khiển

Bảng Thông tin bản đồ hợp nhất thẻ định danh cấp cao nhất của bản đồ và các tính năng khám phá của khách truy cập trong một không gian làm việc tập trung. Trong khi các thẻ thông tin điểm đánh dấu và hình dạng cung cấp chi tiết cục bộ cho từng ghim riêng lẻ, Thẻ thông tin bản đồ đóng vai trò là biểu ngữ chào mừng cố định và điểm tựa dẫn dắt cho toàn bộ dự án của bạn—giới thiệu địa điểm, phác thảo các thông báo quan trọng và cung cấp các nút kêu gọi hành động chính.

Truy cập Thông tin bản đồ: Trên thanh bên trái của trình chỉnh sửa, hãy mở Tùy chỉnh (Biểu tượng cọ vẽ) > Thông tin bản đồ (hoặc tải trực tiếp trình chỉnh sửa với ?tab=customize&panel=map-info) để định cấu hình văn bản thẻ, kích thước bố cục, phong cách kính mờ và các công cụ khám phá dành cho khách.
Thẻ chào mừng cố định

Nổi gọn gàng ở góc bản đồ công khai của bạn, hiển thị tiêu đề dự án chính thức, mô tả markdown phong phú, ảnh thương hiệu nổi bật và các nút hành động tương tác.

Trung tâm điều khiển khám phá

Tập trung các tùy chọn điều hướng của khách: bật tắt tìm kiếm từ khóa ghim theo thời gian thực và thanh bộ lọc danh mục tương tác để giúp khách thu hẹp vị trí cần tìm.

Nội dung thẻ (Tiêu đề, Mô tả, Đa phương tiện & Nút bấm)

Thẻ thông tin bản đồ bao gồm bốn phần nội dung riêng biệt. Mỗi phần có thể được bật hoặc tắt độc lập, định kiểu và tùy chỉnh để phù hợp với thương hiệu của bạn:

Tên bản đồ & Kiểu chữ

Thiết lập tiêu đề chính của bản đồ với bộ đếm ký tự trực tiếp. Tùy chỉnh kiểu chữ với phông chữ thương hiệu được tuyển chọn, kích cỡ chữ (12px–36px), độ đậm (thường, vừa, đậm), màu văn bản và căn lề trái hoặc giữa.

Mô tả Markdown phong phú

Cung cấp ngữ cảnh văn bản phong phú, hướng dẫn cho khách, giờ hoạt động hoặc lịch trình sự kiện. Trình chỉnh sửa hỗ trợ in đậm, in nghiêng, liên kết có thể nhấp, danh sách dấu đầu dòng và các tùy chọn kiểu chữ chuyên dụng.

Ảnh bìa thẻ & Chế độ vừa vặn

Chọn hoặc tải lên hình ảnh biểu ngữ từ thư viện phương tiện bản đồ của bạn. Cấu hình tỷ lệ khung hình (gọn, phong cảnh, vuông, rộng) và chế độ vừa vặn hình ảnh (Lấp đầy/Cover vs Vừa vặn/Contain) để đảm bảo bố cục hoàn hảo.

Nút kêu gọi hành động (CTA)

Thêm các nút kêu gọi hành động tương tác để đặt vé, biểu mẫu yêu cầu, gọi điện thoại hoặc liên kết trang web bên ngoài. Lựa chọn giữa danh sách xếp dọc hoặc sắp xếp hàng ngang với khoảng cách tùy chỉnh.

Kích thước, Thứ tự & Khoảng đệm nội dung

Tinh chỉnh diện tích chính xác và sự cân bằng thị giác của thẻ để bổ sung hài hòa cho sơ đồ mặt bằng bên dưới:

Thông số kích thước & Bố cục
  • Chiều rộng thẻ cố định: Điều chỉnh chiều rộng thẻ máy tính từ 260px đến 600px (mặc định: 336px) để phù hợp với tiêu đề ngắn gọn hoặc mô tả chi tiết.
  • Kéo thả sắp xếp thứ tự mục: Sắp xếp lại các phần hiển thị theo bất kỳ thứ tự nào (ví dụ: Đặt Ảnh phía trên Tên, hoặc Nút bấm ngay dưới Tiêu đề) bằng cách kéo tay cầm trực quan.
  • Khoảng cách giữa các phần: Kiểm soát khoảng trống theo chiều dọc giữa các phần nội dung từ 0px đến 24px.
  • Khoảng đệm nội dung (X & Y): Điều chỉnh độc lập lề ngang hai bên và khoảng đệm bên trong trên/dưới theo chiều dọc (lên đến 32px).

Diện mạo, Kính mờ & Viền khung

Layerpin cung cấp các điều khiển định kiểu phong phú để thẻ hòa hợp hoàn hảo với bản đồ chế độ tối, bảng màu thương hiệu doanh nghiệp hoặc thẩm mỹ kiến trúc tối giản:

Nền & Độ mờ đục

Cấu hình màu nền đơn sắc, dải màu tuyến tính hoặc tỏa tròn, hoặc kết cấu nền thẻ tinh tế với thanh trượt độ mờ tùy chỉnh (0%–100%).

Làm mờ nền (Kính mờ)

Áp dụng hiệu ứng làm mờ kính mờ hiện đại phía sau thẻ, cho phép các lối đi và màu sắc bản đồ bên dưới hiển thị mờ ảo trong khi giữ cho văn bản phía trước luôn sắc nét.

Đường viền khung & Nét đứt

Tùy chỉnh nét viền ngoài: độ dày viền (1px–8px), màu đơn sắc hoặc dải màu, kiểu nét (liền, đứt nét, chấm), đầu nét và góc nối.

Độ bo góc & Độ nổi khối

Tinh chỉnh độ cong bán kính góc (từ góc vuông 0px đến dạng viên thuốc 32px) và bật tắt bóng đổ nhẹ nhàng tạo chiều sâu.

Trạng thái mặc định & Hành vi thu gọn trên máy tính

Quản lý cách thẻ hoạt động khi mở bản đồ và cách khách có thể mở rộng hoặc thu nhỏ thẻ trong quá trình khám phá:

Mở rộng mặc định:

Khi bật, khách truy cập sẽ thấy toàn bộ thẻ khi tải. Khi tắt, thẻ bắt đầu ở trạng thái thanh gọn gàng chỉ hiển thị tiêu đề bản đồ, ưu tiên tầm nhìn cho khung vẽ.

Nút thu gọn (Máy tính):

Hiển thị nút chuyển đổi thu nhỏ/mở rộng kín đáo trên đầu thẻ, cho phép người dùng máy tính thu gọn thẻ bất cứ khi nào cần tầm nhìn thông thoáng.

Thích ứng hiển thị trên di động: Trên điện thoại di động và máy tính bảng, Layerpin tự động thu gọn Thẻ thông tin bản đồ thành ngăn kéo đáy tiện dụng. Khi chọn bất kỳ ghim hoặc hình dạng nào, hàng thông tin bản đồ vẫn có thể truy cập được trong khi thẻ chi tiết của mục được mở rộng.

Hộp tìm kiếm & Điều khiển khám phá danh mục

Ngoài bản thân Thẻ thông tin, bảng Thông tin bản đồ còn chứa các công tắc khám phá chung dành cho khách:

Bật/tắt hộp tìm kiếm

Bật thanh tìm kiếm nổi cho phép khách nhanh chóng tra cứu vị trí theo tiêu đề điểm đánh dấu, từ khóa trong mô tả, thẻ được chỉ định hoặc các trường có cấu trúc tùy chỉnh.

Bật/tắt bộ lọc danh mục

Bật thanh bộ lọc danh mục tương tác, cho phép khách lọc theo tầng, trạng thái hoạt động, loại phòng hoặc phòng ban với khả năng tách biệt ghim theo thời gian thực.

Bố cục bộ lọc trên máy tính (Đầy đủ vs Thu gọn)

Khi bật bộ lọc danh mục, định cấu hình cách sắp xếp các chiều bộ lọc trên màn hình máy tính:

Đầy đủ (Thanh ray ngang)

Hiển thị các nút lọc dạng viên thuốc trên thanh công cụ ngang trên cùng với thao tác kéo chạm, cuộn chuột và mặt nạ làm mờ cạnh. Lý tưởng cho bản đồ có 2–5 chiều bộ lọc chính.

Thu gọn (Menu bật lên)

Hợp nhất tất cả các chiều bộ lọc vào một nút 'Bộ lọc' thu gọn duy nhất kèm huy hiệu đếm số lượng đang chọn, giúp tiết kiệm không gian khung vẽ dọc trên máy tính xách tay và khung nhúng.