Bản đồ hình ảnh chỉ là thẻ HTML đơn giản
Bản đồ hình ảnh là một cách thú vị và thú vị để làm sống động trang web của bạn — với họ, bạn có thể tải lên hình ảnh và làm cho các phần của những hình ảnh đó có thể nhấp vào các nội dung trực tuyến khác. Nếu bạn đang ở trong một pinch và không muốn tải về một trình biên tập bản đồ hình ảnh, việc tạo một bản đồ bằng cách sử dụng thẻ HTML là đơn giản.
Bạn sẽ cần một hình ảnh, một trình chỉnh sửa hình ảnh và một số trình soạn thảo HTML hoặc trình soạn thảo văn bản. Hầu hết các trình chỉnh sửa hình ảnh sẽ hiển thị cho bạn tọa độ của chuột khi bạn trỏ vào hình ảnh. Dữ liệu tọa độ này là tất cả những gì bạn cần để bắt đầu với bản đồ hình ảnh.
Tạo một Image Map
Để tạo bản đồ hình ảnh, trước tiên hãy chọn hình ảnh sẽ làm cơ sở của bản đồ. Hình ảnh phải là "kích thước bình thường" - tức là, bạn không nên sử dụng hình ảnh quá lớn đến nỗi trình duyệt sẽ mở rộng nó.
Khi bạn chèn hình ảnh, bạn sẽ thêm thuộc tính bổ sung xác định tọa độ của bản đồ:
Khi bạn tạo một bản đồ hình ảnh, bạn đang tạo một khu vực có thể nhấp được trên hình ảnh, do đó tọa độ của bản đồ phải xếp hàng với chiều cao và chiều rộng của hình ảnh bạn đã chọn. Maps hỗ trợ ba loại hình dạng khác nhau:
- rect — hình chữ nhật hoặc hình bốn mặt
- poly — đa giác hoặc hình nhiều mặt
- vòng tròn — một vòng tròn
Để tạo các khu vực, bạn phải cách ly các tọa độ cụ thể mà bạn dự định lập bản đồ. Bản đồ có thể bao gồm một hoặc nhiều khu vực được xác định trên hình ảnh, khi được nhấp, hãy mở một siêu kết nối mới.
Đối với hình chữ nhật , bạn chỉ ánh xạ các góc trên bên trái và dưới cùng bên phải. Tất cả các tọa độ được liệt kê dưới dạng x, y (trên, lên). Vì vậy, đối với góc trên bên trái 0,0 và góc dưới bên phải 10,15 bạn sẽ nhập 0,0,10,15 . Sau đó, bạn đưa nó vào bản đồ: