2013-08-05 20 views
5

Đã lâu rồi tôi không phải thực hiện Ánh xạ hình ảnh! Có lẽ là 4-5 năm.HTML Bản đồ hình ảnh với các khu vực có thể chọn kích hoạt nội dung bật lên

Lần cuối cùng tôi đạt được điều này bằng cách sử dụng thẻ và tạo thẻ cho hình dạng đa giác. Điều này tất nhiên hoạt động, và vẫn được hỗ trợ html, ngay cả trong HTML5. Câu hỏi là mặc dù, đây vẫn là một cách tốt để đi lập bản đồ hình ảnh? Hoặc tôi nên loại bỏ hướng này và sử dụng kỹ thuật Canvas hoặc SVG thay thế?

Có một vài yếu tố liên quan đến quyết định:

  • Các khách hàng sử dụng IE7, vì vậy giải pháp phải làm việc với IE7 và IE8, vì thế tôi nghĩ không sử dụng SVG hoặc Canvas, nó sẽ được dễ dàng hơn tôi đoán để sử dụng thẻ bản đồ trường học cũ, ít nhất nó sẽ dễ dàng làm việc trên tất cả các nền tảng.
  • Bản đồ có kiểu dáng khá tùy chỉnh (nét xung quanh khu vực có khoảng cách lề)
  • Mỗi khu vực có trạng thái cuộn qua, với cửa sổ bật lên có nội dung độc đáo cho từng khu vực. Điều này sẽ phải đạt được với JS. Có bất kỳ vấn đề nào khi sử dụng JS để tương tác với cấu trúc DOM của bản đồ bằng cách sử dụng thẻ bản đồ không?
  • Không cần thiết, nhưng tôi sẽ làm cho bản đồ hơi nhạy với chế độ xem.

Sử dụng thẻ thẳng thắn cảm thấy trường học thực sự cũ, ngày và bẩn. Nhưng, phải trung thực cho trường hợp của tôi, nó có vẻ như là giải pháp phù hợp nhất. Mọi người nghĩ sao?

Bất kỳ thông tin phản hồi chào đón,

Cảm ơn, Craig

Trả lời

1

Đối với yêu cầu của bạn tôi nghĩ rằng bộ tốt nhất là SVG. Bởi một số công việc xung quanh bạn có thể sử dụng tất cả thời gian yêu thích jQuery với SVG và xây dựng những thứ thú vị một cách nhanh chóng. Tôi đã có thể phát triển một công cụ đặt vé trên các rạp chiếu phim với bản đồ SVG trong vòng hai tuần.

Giờ đây, mọi người đều cần mọi thứ trên thiết bị di động và hoạt động trên thiết bị di động mà không cần nỗ lực.

Cố gắng thuyết phục khách hàng nâng cấp IE, điều đó sẽ tốt nhất cho bạn. Tất cả là tốt nhất.

Các vấn đề liên quan