React Native Maps Example cho máy tính PC Windows

Phản ứng Native Maps Ví dụ cho một thành phần Bản đồ được xây dựng bởi Airbnb có thể sử dụng Apple Maps / Google Maps trên iOS và Google Maps trên Android.

https://github.com/airbnb/react-native-maps

1. MapView Sự kiện
Thành phần MapView và các thành phần con của nó có một vài sự kiện mà bạn có thể đăng ký.

2. Khu vực Tracking / Location

3. Lập trình Thay đổi Region
Người ta có thể thay đổi vị trí MapView sử dụng refs và phương pháp thành phần, hoặc bằng cách đi qua trong một prop khu vực cập nhật. Các phương pháp thành phần sẽ cho phép một để animate vào một vị trí nhất định như API bản địa có thể.

4. Thay đổi phong cách của bản đồ

5. Phản ứng Arbitrary xem là dấu mốc

6. Sử dụng MapView với các API Animated
Thành phần MapView có thể được thực hiện để làm việc với các API Animated, có toàn bộ khu vực PROP được khai báo là một giá trị động. Điều này cho phép một để animate zoom và vị trí của MapView cùng với những cử chỉ khác, cho một cảm giác thoải mái. Hơn nữa, quan điểm Marker có thể sử dụng API hoạt hình để nâng cao hiệu lực.

7. Polygon Đấng Tạo Hóa

8. Lớp phủ khác
Cho đến nay, Circle, Polygon, và Polyline có sẵn để vượt qua trong khi trẻ em với thành phần MapView.

9. Markers Mặc định
đánh dấu mặc định sẽ được trả lại trừ khi một dấu hiệu tùy chỉnh được xác định. Một tùy chọn có thể điều chỉnh màu sắc của điểm đánh dấu mặc định bằng cách sử dụng các prop pinColor.

10. Tuỳ chỉnh Callouts
Chú thích để đánh dấu hoàn toàn có thể tùy ý phản ứng quan điểm, tương tự như các dấu hiệu. Kết quả là, chúng có thể được tương tác với giống như bất kỳ quan điểm khác.
Ngoài ra, bạn có thể rơi trở lại hành vi tiêu chuẩn chỉ có một tiêu đề / mô tả thông qua tiêu đề và mô tả đạo cụ của Marker.
xem chú thích tùy chỉnh có thể là toàn bộ bong bóng tooltip, hoặc chỉ là nội dung bên trong của bong bóng mặc định của hệ thống.

11. Markers hình ảnh dựa trên
Đánh dấu có thể được tùy chỉnh bằng cách chỉ sử dụng hình ảnh, và quy định sử dụng prop hình ảnh.

12. Draggable Markers
Đánh dấu là có thể kéo, và phát ra các sự kiện kéo liên tục để cập nhật giao diện người dùng khác trong kéo.

13. Chế độ thu gọn (Android)
Kích hoạt chế độ lite trên Android với liteMode prop. Rất lý tưởng khi có nhiều bản đồ trong một Xem hoặc scrollview.

14. Khu vực hoạt hình
Các MapView có thể chấp nhận một giá trị MapView.AnimatedRegion như prop khu vực của nó. Điều này cho phép bạn sử dụng các API Animated để điều khiển trung tâm của bản đồ và zoom.

15. Animated Marker Chức vụ
Đánh dấu cũng có thể chấp nhận một giá trị AnimatedRegion như một tọa độ.

16. Take Snapshot của bản đồ

17. Phóng to để Markers rõ
Vượt qua một loạt các định đánh dấu để có bản đồ tái tập trung.

18. Phóng to để Tọa rõ
Vượt qua một loạt các tọa độ để tập trung một khu vực bản đồ trên tọa độ nói.

Name update