地图缩放级别基于半径 React Native 地图

Posted 2023-02-23

【中文标题】地图缩放级别基于半径 React Native 地图

【英文标题】：Map Zoom level base off radius React Native maps

【发布时间】：2018-11-05 00:41:11

【问题描述】：

我在我的应用程序中使用 expo react 本机地图。如何设置缩放 地图基地的水平给定的半径。例如我有一个Mapview.circle 跨越10英里半径，我怎样才能让地图缩放到显示的水平 给定半径 10 内的制造商。我尝试使用经度和 latitude delata 但不确定如何实现。

【参考方案1】：

这是我用来放大和缩小给定半径的地图的代码的 sn-p。我可能不准确，但您可以相应地修改它们。

// Define the const outside the class
const  width, height  = Dimensions.get('window');
const ASPECT_RATIO = width / height;
const LATITUDE_DELTA = (Platform.OS === global.platformios ? 1.5 : 0.5);
const LONGITUDE_DELTA = LATITUDE_DELTA * ASPECT_RATIO;

// Use the below code to zoom to particular location with radius.
this.map.animateToRegion( latitude: latitude, longitude: longitude, latitudeDelta: LATITUDE_DELTA * Number(radius/15), longitudeDelta: LONGITUDE_DELTA * Number(radius/15) , 2000); 

最后，别忘了在

中添加 ref

ref=ref =>  this.map = ref; 

【讨论】：

你是救生员:))))

乐于助人:)

是英里吗？