2010-11-04 20 views
6

Một khi tôi có thể thề tôi thấy bản demo sử dụng API JavaScript của Google Maps v3 để tạo hiệu ứng khi nó xuất hiện biểu tượng điểm đánh dấu bản đồ của bạn rơi xuống từ trên trời và hạ cánh trên bản đồ.Google Maps (JS-v3): Làm cách nào để làm cho các điểm đánh dấu của tôi "rơi xuống từ bầu trời"

Tôi đã tìm kiếm và tìm kiếm, bao gồm looking at the API và không thể tìm thấy ví dụ đó.

Có ai biết thêm thông tin về cách hoàn thành trường hợp sử dụng này không?

Cảm ơn

Trả lời

0

Tôi không biết nhiều về các API của Google, nhưng tôi biết bạn có thể làm điều này với chỉ đơn giản jQuery

+0

Điều đó không hiệu quả. Xem bài đăng này là tại sao: http://stackoverflow.com/questions/1678412/jquery-google-maps-bounce-using-jquery-bounce-package – teddyk

+1

Um ... Tôi không thấy bất kỳ nơi nào trên bài đăng đó nói bất cứ điều gì về điều đó không làm việc ... – Entity

+1

Tôi không thể liên kết đến một bình luận StackOverflow nhưng trên trang đó nó nói ** "Điều này sẽ không làm việc trong V3, chỉ V2. V3 không có bouncyness, trên thực tế các điểm đánh dấu không - Chris Drackett ngày 29 tháng 6 lúc 21:34 "** – teddyk

0

Bạn nên thực hiện lớp tùy chỉnh điểm đánh dấu của bạn mở rộng google.maps.OverlayView. Về cơ bản, số tiền thực hiện 3 phương pháp: onAdd/onRemove (là các ứng cử viên tốt để bắt đầu hoạt ảnh) và vẽ (có lẽ chỉ cần cập nhật vị trí điểm đánh dấu).

2

Chỉ cần mở rộng OverlayView như đề xuất của giogiga có lẽ là cách an toàn nhất để đi, nhưng rõ ràng không phải là cách dễ dàng, bởi vì Marker có rất nhiều công cụ tích hợp như biểu tượng, bóng và khả năng kéo.

Thật sự rất hấp dẫn khi chỉ mở rộng lớp Marker, nhưng lớp đó không rõ ràng - nó không tiết lộ nội bộ của nó, ví dụ: bạn không thể dễ dàng truy cập vào các phần tử DOM bên dưới, mà bạn sẽ cần tạo hiệu ứng cho điểm đánh dấu. Bạn có thể hack với nhau một cái gì đó với , nhưng kết quả sẽ là một cái gì đó mong manh và lỗi. Ngoài ra, bạn có thể hack theo cách của bạn vào các nút DOM cơ bản, nhưng sau đó bạn có thể thậm chí còn mong manh hơn.

Vì vậy, có vẻ như việc triển khai lại hoàn toàn Marker vẫn là cách tốt nhất để thực hiện.

2

Tính đến mới nhất 3.3 build, chỉ cần thêm Animation: google.maps.Animation.DROP

vào danh sách các thuộc tính khi tạo điểm đánh dấu. Nó làm tất cả cho bạn. Bouncing cũng có thể, mặc dù tôi đã tìm thấy rằng không có một cách dễ dàng để làm cho nó bị trả lại chỉ một lần và dừng lại, nó rắc rối hơn nó có giá trị.

+0

Điều này hoạt động hoàn hảo! –

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