Điểm đánh dấu so với hình dạng: Chọn đúng mục bản đồ
Nắm vững cách sử dụng chiến lược ghim, đa giác, hình chữ nhật, đường đa giác và nhãn để tạo bản đồ tương tác rõ ràng, trực quan giúp truyền đạt thứ bậc không gian một cách dễ dàng.
Đội ngũ Layerpin

Nguyên tắc cốt lõi: Điểm cho điểm đến, khu vực cho lãnh thổ
Lỗi phổ biến nhất trên bản đồ tương tác là lạm dụng điểm đánh dấu cho các khu vực địa lý rộng lớn hoặc ngược lại, vẽ các hình dạng nhỏ cho các đối tượng chính xác. Việc chọn thành phần bản đồ chính xác về cơ bản sẽ quyết định tốc độ khách truy cập hiểu bố cục của bạn.
Sử dụng Ghim đánh dấu khi vị trí là một điểm riêng biệt: cổng vào, ki-ốt thông tin, điểm ngắm cảnh, một bộ phận máy móc hoặc một bàn làm việc cụ thể. Một chiếc ghim đánh dấu trả lời câu hỏi: 'Chính xác thì vật này nằm ở đâu?'
Sử dụng Hình dạng (Đa giác & Hình chữ nhật) khi vị trí chiếm một diện tích vật lý có thể đo lường được: lô cửa hàng bán lẻ, lô đất ở, khu văn phòng, bãi đỗ xe hoặc khu công viên được bảo vệ. Một hình dạng trả lời câu hỏi: 'Ranh giới, dấu chân và phạm vi của không gian này là gì?'
- 1Đánh giá xem khách truy cập có cần tìm tọa độ chính xác hay hiểu khu vực giới hạn hay không.
- 2Mặc định là ghim đánh dấu cho các điểm ưa thích dưới 5% diện tích khung nhìn.
- 3Mặc định là đa giác hoặc hình chữ nhật cho phòng, tòa nhà, lô đất và khu vực.
Khi nào nên sử dụng Polylines, Connectors và Custom Lines
Ngoài ghim và hình dạng, Layerpin còn cung cấp các công cụ đường vector chuyên dụng: Polylines, Arrows và Callout Connectors.
Sử dụng Polylines cho các đối tượng địa lý tuyến tính liên tục: đường đi bộ, tuyến đường chạy marathon, đường ống tiện ích, đường tham quan có hướng dẫn và đường chuyển tuyến. Polylines hỗ trợ các kiểu nét tùy chỉnh, dấu gạch ngang, mũi tên và chỉnh sửa đỉnh nhiều đoạn.
Sử dụng Trình kết nối khi khu vực bản đồ quá dày đặc để có thể gắn nhãn trực tiếp lên mục. Đường dẫn kết nối thẻ tiêu đề hoặc biểu tượng lệch tâm với tọa độ chính xác mà không che khuất tác phẩm nghệ thuật kiến trúc bên dưới.
- 1Chọn công cụ Polyline cho đường dẫn, ranh giới, tuyến đường và kênh tiện ích.
- 2Sử dụng Trình kết nối chú thích cho các khu vực đông người để bù nhãn cho rõ ràng.
- 3Điều chỉnh độ dày của đường kẻ (2px đến 6px) và các mẫu nét đứt để phân biệt các loại đường dẫn khác nhau (ví dụ: liền nét cho hành lang chính, nét đứt cho lối ra khẩn cấp).

Làm chủ kiểu dáng hình dạng: Độ mờ, đường viền và độ tương phản
Hình dạng có kiểu dáng kém che khuất bản vẽ bản đồ bên dưới nó. Hình dạng có kiểu dáng đẹp sẽ nâng cao bản vẽ bằng cách cung cấp tông màu rõ ràng mà không che giấu các nhãn hoặc họa tiết bên dưới.
Đặt độ mờ của hình dạng mặc định trong khoảng từ 15% đến 30%. Sự rửa sạch tinh tế này thiết lập lãnh thổ trong khi vẫn giữ cho các chi tiết kiến trúc có thể đọc được. Ghép nối nó với đường viền nét liền 1,5px đến 2,5px sắc nét với sắc thái tương phản.
Khi di chuột và lựa chọn, hãy tăng độ mờ lên 40-50% và làm dày đường viền để cung cấp phản hồi tương tác rõ ràng. Layerpin cho phép bạn đặt mã thông báo màu tùy chỉnh phù hợp trực tiếp với nguyên tắc thương hiệu của bạn.
- 1Giữ độ mờ của phần nền ở mức thấp (15-25%) để bản đồ nền vẫn hiển thị đầy đủ.
- 2Sử dụng các màu nét riêng biệt nổi bật trên cả hình ảnh nền sáng và tối.
- 3Định cấu hình trạng thái di chuột nổi bật và trạng thái được chọn để có phản hồi tương tác liền mạch.
Kết hợp các điểm đánh dấu và hình dạng một cách hài hòa
Bản đồ tương tác cao cấp thường kết hợp các hình dạng và điểm đánh dấu thành hệ thống tổng hợp gắn kết. Ví dụ: vẽ một đa giác xung quanh toàn bộ khu trung tâm mua sắm và đặt các ghim danh mục cụ thể bên trong nó cho các cửa hàng cố định và lối thoát hiểm.
Thiết lập quy tắc tương tác nhất quán: nếu nhấp vào đa giác sẽ mở thẻ thông tin cho thuê của nó, nhấp vào ghim con bên trong đa giác sẽ mở thẻ người bán cụ thể. Đảm bảo các ghim con có xếp chồng chỉ số z cao hơn để chúng vẫn có thể dễ dàng nhấp vào bên trong chu vi đa giác.
Sử dụng bảng quản lý lớp của Layerpin để sắp xếp lại các thành phần và khóa hình dạng nền, ngăn chặn việc vô tình nhấp nhầm trong quá trình chỉnh sửa.
Sẵn sàng tạo bản đồ tương tác?
Tạo bản đồ riêng tư, kiểm tra chế độ khách xem và xuất bản khi đã sẵn sàng chia sẻ. No credit card needed.
Bắt đầu miễn phí