2011-01-26 50 views
10

Tôi muốn xây dựng một cuộn hình ảnh hoạt động giống như bản đồ google. Khi trang web tải lần đầu tiên, sẽ có một hộp xem ở giữa trang chứa một phần của hình ảnh. Người dùng có thể nhấp và kéo hình ảnh, đó là cuộn, để kiểm tra các khu vực khác của hình ảnh. Nếu người dùng tình cờ cuộn ra ngoài chu vi của hình ảnh, hộp sẽ tải một hình ảnh liền kề. Tôi cũng muốn phủ những hình ảnh này bằng các điểm đánh dấu mà người dùng có thể nhấp vào để phóng to để biết thêm chi tiết.javascript - bản đồ google như di chuyển hình ảnh

Có thư viện nào làm những gì tôi muốn không? Hoặc một cái gì đó gần với những gì tôi muốn để tôi có thể bắt đầu tùy chỉnh nó? Hoặc nếu tôi phải xây dựng từ đầu, bất kỳ đề xuất về cách tiếp cận chung để có?

Tôi thích sử dụng thư viện jquery, vì vậy mọi thứ được tạo bằng jquery đều tuyệt vời.

Trả lời

1

Tôi đã sử dụng OpenLayers cho các dự án tương tự như vậy và nó hoạt động tuyệt vời! Không dựa trên jQuery mặc dù.

Nó cung cấp bản đồ miễn phí nhưng bạn cũng có thể có hình ảnh của riêng mình.

4

Tôi không nghĩ rằng đây làm mọi thứ bạn đang tìm kiếm, nhưng có thể là một nơi tốt để bắt đầu: SpryMap

+0

Đồng thời kiểm tra [SpryMap demo] (http://www.spidersoft.com.au/demo/sprymap/) và [mã với bản sửa lỗi IE trên GitHub] (https://github.com/slav123/SpryMap). – Genhis

0

Chỉ cần cho một số ý tưởng thiết kế để đưa vào tài khoản khi viết/tìm kiếm giải pháp của bạn:

Có hai cách để thực hiện việc này, một cách có nhiều hình ảnh được cắt nhỏ để tải trước khi người dùng cuộn gần chúng và hình ảnh kia đơn giản hơn và tải một hình ảnh lớn.

Nếu hình ảnh của bạn rất lớn, bạn nên chọn giải pháp tải trước phân khúc vì điều này sẽ thân thiện với người dùng hơn nhiều nếu bạn có thể làm việc đó một cách liền mạch.

Hình ảnh lớn sẽ làm chậm đáng kể một số máy tính/thiết bị di động đáng kể!

0

Nếu bạn xây dựng một cái gì đó cho mình, nó có thể không thể được tinh khiết jQuery. Bạn muốn viết một kịch bản máy chủ để xử lý các hình ảnh lớn của bạn thành các phân đoạn mà bạn lưu vào bộ nhớ cache hoặc phân phối các phân đoạn khi đang di chuyển. Đó là điểm mà tại đó bạn có thể bắt đầu sử dụng jQuery để kiểm soát những gì được tải ans khi nào.

0

Tôi nghĩ rằng CraftMap dường như cung cấp những gì bạn đang yêu cầu. Nhưng tôi không chắc liệu nó có hỗ trợ phóng to hay không.

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