react-native-maps个文档中有一个部分用于zoom 到标记数组,但是在文档或示例文件夹中(我可以找到)没有关于如何执行此操作的代码示例

有人能举个例子说明如何做到这一点吗?

推荐答案

在MapView组件文档中,有几种方法:fitToElementsfitToSuppliedMarkersfitToCoordinates.https://github.com/airbnb/react-native-maps/blob/master/docs/mapview.md#methods

如果要在加载的标记集合上放大 map ,可以在初始渲染后使用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>
    }
}

React-native相关问答推荐

如何在EXPO路由中重置导航

如何根据设备主题更改React Native中状态栏的背景?

React Native 动画.您必须在转换属性中精确指定一个属性.

错误:图片:找不到 ID 为1的assets资源 .请判断图像源或打包器

在 ReactNative 中调用 RCTDeviceEventEmitter.emit 时出错

react-native 签名 [AppName]Tests 需要开发团队 ios

React Native WebView onMessage 没有做任何事情

Google SignIn SDK 因抛出错误而失败,发生不可恢复的登录失败 -catch 错误

library not found for -lRCTGeolocation

React native base headers for ios not found

如何在react native中过滤对象数组?

如何渲染多行文本组件,行间有白色间隙

错误:无法解析模块`buffer`

react-native平面列表初始滚动到底部

React Native 不支持在 Windows 上开发?

使用 typescript react-native - 如何使用来自 @react-navigation/native 的 useRoute 和 typescript

如何在 React Native 中将图像放置在其他图像之上?

React本机IOS,当TextInput获得焦点时,按钮按下不注册

如何设置样式属性以填充剩余空间?

无法解析模块react-native-screen