如何在react-native-map中放大/缩小？
Joey Yi Zhao
我正在使用react-native来构建地图应用程序。我正在使用的api来自以下链接：https : //github.com/lelandrichardson/react-native-maps。以下是我将地图带到我的应用程序中的代码。我徘徊在该地图上如何给出缩放值。以及当用户单击地图上的按钮时如何更改缩放值。我应该使用什么缩放API来实现此目的？
import React, {
AppRegistry,
Component,
StyleSheet,
Text,
View,
Image,
ListView,
TextInput,
TouchableHighlight,
Dimensions,
//MapView,
} from 'react-native';
import MapView from 'react-native-maps';
const styles = StyleSheet.create({
map: {
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
},
container: {
flexDirection: 'row',
justifyContent: 'space-between',
padding: 30,
flex: 1,
alignItems: 'center'
},
inputText: {
height: 36,
padding: 4,
marginRight: 5,
flex: 4,
fontSize: 18,
borderWidth: 1,
borderColor: '#48BBEC',
borderRadius: 8,
color: '#48BBEC'
}
});
class MapPage extends Component{
constructor(props){
super(props);
this.state = {
region:{
latitude: 4.21048,
longitude: 101.97577,
latitudeDelta: 10,
longitudeDelta: 5
}
}
}
render() {
return(
<View style={styles.container}>
<TextInput style={styles.inputText}></TextInput>
<MapView
style={ styles.map }
mapType={"standard"}
region={this.state.region}
zoomEnabled={true}
scrollEnabled={true}
showsScale={true}
></MapView>
</View>
)
}
}
module.exports = MapPage;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在uipageviewcontroller中放大或缩小？
- 2
如何在uipageviewcontroller中放大或缩小？
- 3
如何在Adobe Flash中放大/缩小？
- 4
如何在Matlab编辑器中放大/缩小？
- 5
如何在Gedit中放大和缩小文本？
- 6
如何在 PySide/PyQt 中放大和缩小 UI
- 7
如何在Gedit中放大和缩小文本？
- 8
如何在 React Native 的水平 ScrollView 中放置粘性 Touchable？
- 9
如何在Web客户端中放大/缩小？还有其他客户吗？
- 10
如何在Android中放大和缩小动画到图像
- 11
如何在Allegro 4.4游戏编程库中放大和缩小？
- 12
如何在React Native Map中更改标记的大小？
- 13
如何在React Native Android中实现Google Map（React-Native-Maps）
- 14
如何在Python中放大图像轴？
- 15
如何在Colab中放大图形
- 16
如何在Python中放大图像轴？
- 17
如何在byobu中放大屏幕
- 18
如何在React Native Map功能中创建网格结构？
- 19
如何在 React Native 中使用 map 来创建单独的按钮？
- 20
如何将Google Map中的放大/缩小限制为给定的指定值？
- 21
如何将Google Map中的放大/缩小限制为给定的指定值？
- 22
google map api 如何通过单击多个标记之一放大然后缩小
- 23
如何在React Native中安装React Native Maps？
- 24
React Native：如何在React Native中发送TextInput的值？
- 25
如何在React Native中优化图像
- 26
如何在React Native中禁用旋转？
- 27
如何在React Native中渲染对象？
- 28
如何在React Native中使用reactfire
- 29
如何在React Native中显示图标？
我来说两句