如何缩小 React-Native 地图

Posted

技术标签:

【中文标题】如何缩小 React-Native 地图【英文标题】:How to zoom out React-Native map 【发布时间】:2015-09-03 15:13:20 【问题描述】:

嗨,我刚开始使用 react-native。如何限制在反应原生地图上缩小和过度?我可以设置一个变量来限制缩放吗?

【问题讨论】:

【参考方案1】:

您必须在 <MapView /> 中的道具 region 中更改 latitudeDeltalongitudeDelta 中的值

【讨论】:

【参考方案2】:

如果您使用的是 react-native-map,那么您有名为 minZoomLevelmaxZoomLevel 的道具 您可以添加这些道具并给出020 之间的数字。根据文档,最小值的默认值为0,最大值的默认值为20

你可以像下面这样使用

<MapView
    minZoomLevel=5 
    maxZoomLevel=10
>
</MapView>

参考:https://github.com/react-native-community/react-native-maps/blob/master/docs/mapview.md

【讨论】:

【参考方案3】:

是的,您可以使用“maxDelta”和“minDelta”来实现。

【讨论】:

您也许可以添加更多信息,例如示例,以使您的答案更有用。 minDelta 和 maxDelta 尚未实现,即使它们已经在代码中但不在文档中。 github.com/airbnb/react-native-maps/blob/master/lib/components/…

以上是关于如何缩小 React-Native 地图的主要内容,如果未能解决你的问题,请参考以下文章

删除行时如何使多行TextInput缩小(React-Native)?

如何为模拟器构建 react-native 缩小的“产品”应用程序?

如何在 React-Native 中创建检测自动位置的地图

React-Native:如何在 Airbnb 地图上渲染来自 firebase 的标记列表?

如何在 react-native 中的 mapbox 地图上绘制导航线?

React-Native 谷歌地图搜索结果