如何根据React Native中的英里数在Google地图中设置缩放级别?

问题描述 投票:0回答:1

我已经使用react-native-maps来响应本机应用程序,其中有一个功能可以根据用户选择的半径在用户附近显示,并且可以使用地理编码正常工作。但我面临根据用户半径设置地图缩放级别的问题?如果用户选择最大半径半径,那么地图应该显示整个世界?我该如何实现?根据用户选择的半径动态设置缩放级别?

设置使用的react-native-slider的半径,如何在滑块的幻灯片上设置缩放级别?

android ios react-native react-native-firebase react-native-maps
1个回答
0
投票
import { Dimensions} from 'react-native';
let {width, height} = Dimensions.get('window');
const ASPECT_RATIO = width / height;
const LATITUDE_DELTA = 1; //Increase or decrease the zoom level dynamically
const LONGITUDE_DELTA = LATITUDE_DELTA * ASPECT_RATIO;

<MapView
 region={{
  latitude: currentLocation.latitude,
  longitude: currentLocation.longitude,
  latitudeDelta: LATITUDE_DELTA,
  longitudeDelta: LONGITUDE_DELTA,
 }}>
© www.soinside.com 2019 - 2024. All rights reserved.