如何使用react-native-maps启用倾斜？

Question

我正在使用react-native-maps。我的问题很简短。那么如何将初始相机水平位置设置为图像休闲？

Answer 1

要从其他视角倾斜地图和视图，请使用animateToViewingAngle。

我知道iOS本身就支持它，因此默认情况下你应该期望这种行为在iOS上。但是，我不确定Android。

更多信息，请访问此GitHub Thread。

Answer 2

这是一个对我有用的代码段

import React from 'react';
import MapView from 'react-native-maps';
import { StyleSheet, Text, View, Dimensions } from 'react-native';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <MapView 
          showsBuildings
          ref={ref => { this.map = ref }}
          onLayout={() => {
            this.map.animateToBearing(125);
            this.map.animateToViewingAngle(45);
          }}
          initialRegion={{
            latitude: 41.8781,
            longitude: -87.6298,
            latitudeDelta: 1 / 300,
            longitudeDelta: 2 / 300
          }}
          style={styles.mapStyle}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  mapStyle: {
    width: Dimensions.get('window').width,
    height: Dimensions.get('window').height,
  },
});

小吃演示https://snack.expo.io/Sym1DTm0r（截至2019年12月）