react-native-maps

React native maps callout press not triggering on IOS

↘锁芯ラ 提交于 2021-01-29 11:16:02
问题 I'm using react native maps and I'm trying to add en event listener when a marker callout is pressed. It works on Android but not on IOS. In this first snippet calloutPress gets called on Android but not on IOS: <MapView provider={PROVIDER_GOOGLE} style={styles.map} rotateEnabled={false} mapType="standard" initialRegion={region} > <Marker coordinate={markerCoordinate} onCalloutPress={() => this.calloutPress()}> <Callout> <View> <Text style={styles.calloutTitle}>My title</Text> <Text style=

react-native-maps with expo

拟墨画扇 提交于 2020-08-24 06:58:44
问题 So im trying to make native-maps work within an expo app and the documentation page says that "No setup required for use within the Expo app" https://docs.expo.io/versions/latest/sdk/map-view/?redirected But after installing the library with expo its not working. I have 2 basic questions about why its not working: Where do you put the API key from Google console? How do you enable the Google Maps to work with the expo app on the console, enable the android sdk? 回答1: Usage You can just import

(OFF Line MAP) how to download osm tiles to use OFF LINE MAP in react-native-maps

喜欢而已 提交于 2020-06-23 18:48:38
问题 Respected sir/ma'am I want to implement offline osm map in my project. but i don't found any proper documentation for how to download tiles for offline usage. i am currently using react-native-maps package for implementing custom Tile Overlay import { LocalTile } from 'react-native-maps'; <MapView region={this.state.region} onRegionChange={this.onRegionChange} > <LocalTile /** * The path template of the locally stored tiles. The patterns {x} {y} {z} will be replaced at runtime * For example,

(OFF Line MAP) how to download osm tiles to use OFF LINE MAP in react-native-maps

♀尐吖头ヾ 提交于 2020-06-23 18:48:29
问题 Respected sir/ma'am I want to implement offline osm map in my project. but i don't found any proper documentation for how to download tiles for offline usage. i am currently using react-native-maps package for implementing custom Tile Overlay import { LocalTile } from 'react-native-maps'; <MapView region={this.state.region} onRegionChange={this.onRegionChange} > <LocalTile /** * The path template of the locally stored tiles. The patterns {x} {y} {z} will be replaced at runtime * For example,

(OFF Line MAP) how to download osm tiles to use OFF LINE MAP in react-native-maps

社会主义新天地 提交于 2020-06-23 18:48:04
问题 Respected sir/ma'am I want to implement offline osm map in my project. but i don't found any proper documentation for how to download tiles for offline usage. i am currently using react-native-maps package for implementing custom Tile Overlay import { LocalTile } from 'react-native-maps'; <MapView region={this.state.region} onRegionChange={this.onRegionChange} > <LocalTile /** * The path template of the locally stored tiles. The patterns {x} {y} {z} will be replaced at runtime * For example,

How to Activate GPS Icon in react-native?

最后都变了- 提交于 2020-05-24 05:45:12
问题 I want to appear GPS Icon on the status bar when I open app or screen that's contain Map, So I add a function that asks a user at the first time to allow Location permission and it's work very well and I can get Lat/Long but GPS "Location" Icon did not activate so how can I force an app to activate this icon? here's my Ask for permission function async requestLocationPermission() { try { const granted = await PermissionsAndroid.request( PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION, {

How to zoom in to given coordinates using dynamic array? (react-native-maps)

狂风中的少年 提交于 2020-04-17 22:10:34
问题 I have implemented this example where I can zoom in to the given coordinates by clicking on the button. First , I want to be able to read coordinates out of a dynamic array, I tried by putting the array in the state but it fails. const ASPECT_RATIO = width / height; const LATITUDE = 37.78825; const LONGITUDE = -122.4324; const LATITUDE_DELTA = 0.0922; const LONGITUDE_DELTA = LATITUDE_DELTA * ASPECT_RATIO; const MARKERS = [ { latitude: 42.637368, longitude: 21.148682, }, { latitude: 42.604021,

How to create local language support on Google Maps using react-native-maps

混江龙づ霸主 提交于 2020-04-15 01:29:33
问题 I wanna to show English and local language support on my React-native-maps like this image,But default it's showing only English,How to make support of bilingual map using react-native-maps <MapView ref={map => {this.map = map}} provider={this.props.provider} style={styles.map} showsUserLocation={true} maxZoomLevel={50} initialRegion={this.state.region} showsBuildings={true} onRegionChangeComplete={region => this.onRegion(region)} /> 来源: https://stackoverflow.com/questions/53995302/how-to

How to create local language support on Google Maps using react-native-maps

风流意气都作罢 提交于 2020-04-15 01:28:08
问题 I wanna to show English and local language support on my React-native-maps like this image,But default it's showing only English,How to make support of bilingual map using react-native-maps <MapView ref={map => {this.map = map}} provider={this.props.provider} style={styles.map} showsUserLocation={true} maxZoomLevel={50} initialRegion={this.state.region} showsBuildings={true} onRegionChangeComplete={region => this.onRegion(region)} /> 来源: https://stackoverflow.com/questions/53995302/how-to