2016-09-19 13 views
6

Có một phần trong tài liệu react-native-maps để phóng to một mảng đánh dấu, tuy nhiên không có ví dụ về cách thực hiện điều này trong tài liệu hoặc trong thư mục mẫu (từ những gì tôi có thể tìm thấy)Thu phóng các dấu được chỉ định phản ứng-native-maps

Có ai có thể cung cấp ví dụ về cách thực hiện việc này không?

+0

https://github.com/airbnb/react -native-maps/blob/master/example/examples/FitToSuppliedMarkers.js đây có vẻ là một ví dụ về Zoom to Array. –

Trả lời

12

Trong tài liệu thành phần MapView, có một vài phương pháp: fitToElements, fitToSuppliedMarkersfitToCoordinates. https://github.com/airbnb/react-native-maps/blob/master/docs/mapview.md#methods

Nếu bạn muốn phóng to bản đồ ở trên một số bộ sưu tập các dấu hiệu trên tải, bạn có thể sử dụng componentDidMount để phóng to sau khi ban đầu render:

class SomeView extends Component { 
    constructor() { 
     this.mapRef = null; 
    } 

    componentDidMount() { 
     this.mapRef.fitToSuppliedMarkers(
     someArrayOfMarkers, 
     false, // not animated 
    ); 
    } 

    render() { 
     <MapView 
     ref={(ref) => { this.mapRef = ref }} 
     > 
     { someArrayOfMarkers } 
     </MapView> 
    } 
} 
+0

Cảm ơn bạn vì điều này, nhưng làm cách nào để thay đổi khoảng cách thu phóng? Hiện tại, nó cho đến nay đã thu nhỏ tất cả các điểm đánh dấu xuất hiện trên đầu trang của nhau. –

+3

Bỏ qua bình luận trước đây của tôi, tôi là một thằng ngốc. Cảm ơn một lần nữa. –

+0

@LukeBerry, bạn đã giải quyết vấn đề mức thu phóng như thế nào? – denisw

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