缩放到指定的标记 react-native-maps

Posted 2023-02-23

【中文标题】缩放到指定的标记 react-native-maps

【英文标题】：Zoom to specified markers react-native-maps

【发布时间】：2016-09-19 13:58:28

【问题描述】：

react-native-maps 文档中有一个部分用于缩放到标记数组，但是在文档或示例文件夹中没有关于如何执行此操作的代码示例（从我能找到的内容）

谁能提供一个如何做到这一点的例子？

【问题讨论】：

github.com/airbnb/react-native-maps/blob/master/example/… 这似乎是 Zoom to Array 的一个例子。

【参考方案1】：

在 MapView 组件文档中，有几个方法：fitToElements、fitToSuppliedMarkers 和 fitToCoordinates。 https://github.com/airbnb/react-native-maps/blob/master/docs/mapview.md#methods

如果您想在加载时放大某些标记集合上的地图，可以在初始渲染后使用componentDidMount 进行放大：

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>
    

【讨论】：

谢谢你，但我该如何改变缩放距离？目前它已被缩小，所有标记似乎都在彼此之上。

忽略我之前的评论，我是个白痴。再次感谢。

@denisw 您将 latitudeDelta 和 longitudeDelta 传递给 coords 对象，两者的值 0.02 等于几个块。

这里的 someArrayOfMarkers 是什么..？ @卢克贝瑞

@LukeBerry someArrayOfMarkers 应该看起来像：[ latitude: 36.193852, longitude: 43.964365, latitude: 36.170168, longitude: 44.02348, latitude: 36.202618, longitude: 44.035115 ]