reactjs - 居中地图,同时捏缩放像优步一样反应原生
问题描述
如何像优步应用程序那样做?
<View>
<MapView
onRegionChangeComplete={(e) => {
setLocalLocation({
latitude: e.latitude,
longitude: e.longitude,
});
}}
initialRegion={{
latitude: localLocation.latitude,
longitude: localLocation.longitude,
latitudeDelta: 0.004,
longitudeDelta: 0.0021,
}}
/>
<MapMarker />
</View>
我有一个以地图为中心的标记,我希望缩放集中在标记上,就像 Uber 应用程序一样。
const MapMarker = ({ theme }) => {
return (
<View
pointerEvents="none"
style={{
position: 'absolute',
top: 0,
bottom: 30,
left: 0,
right: 0,
alignItems: 'center',
justifyContent: 'center',
}}
>
<IconComponent name="location" size={30} color={theme.colors.primaryIcon} />
</View>
);
};
如何正确控制 latitudeDelta 和 longitudeDelta 以获得与 Uber 应用程序相同的结果?
解决方案
推荐阅读
- python-3.x - 卷曲工作,但 Python 请求失败
- java - JAVA中InputSource到字符串的转换
- ios - 我们可以在开发时使用callkit拨打电话吗?
- python - 在psychopy声音结束时不需要的点击
- python - 如何在 Pandas 中将行名转换为列
- android - PNG和JPG的React Native Expo媒体库“尚不支持此文件类型”
- javascript - 为什么我们在 JS 中对函数使用扩展运算符?
- java - 如何为 javaFX 计算器编写计算方法
- amazon-web-services - Filebeat 无法连接到 Amazon Elasticsearch Service
- python - Pandas 中基于行的动态列子集均值