react-native-maps

I'm using react-native-maps but I faced a problem that after a lot of googling without answer makes me ask it here. I'm trying to use Custom Marker for the marker in the map as the following picture as I searched I found out that needed to use Custom Marker to accomplish the maker's design, then I created a Custom Marker component import React, { Component } from "react"; import { View } from "react-native"; import { Text, Left, Right, Thumbnail, } from "native-base"; const defaultEmployeeLogo = require("../../../assets/defualtEmployee.png"); class CustomMarker extends Component { render() {

I am trying to implement React Native MapView for Android. I did follow github installation instruction but i am facing compilation error when i try to run using react-native run-android command. Task :react-native-maps:compileDebugRenderscript FAILED FAILURE: Build failed with an exception. What went wrong: Could not resolve all files for configuration ':react-native-maps:debugCompileClasspath'. Could not resolve com.android.support:support-compat:26.1.0. Required by: project :react-native-maps Cannot find a version of 'com.android.support:support-compat' that satisfies the version

I am working with react-native-maps and using the react-native api for geolocation. When I am using location through the api what comes back on the simulator shows me in San Francisco not in Denver, CO where I am located. Is there a reason as to why my location would not show where I am at? my function that runs the location // Get current users locaiton on load componentDidMount() { navigator.geolocation.getCurrentPosition((position) => { console.log(position); let newLat = parseFloat(position.coords.latitude); console.log("newLat", newLat); let newLng = parseFloat(position.coords.longitude);

I am developing a map location. When I click in some particular place I get the latitude and longitude, but not the current location, latitude and longitude. I don't know how to find out. How can I get them and how can I put the marker at that position? Here is my code: class Maps extends React.Component { constructor(props) { super(props); this.state = { region: { latitude: LATITUDE, longitude: LONGITUDE, latitudeDelta: LATITUDE_DELTA, longitudeDelta: LONGITUDE_DELTA, }, marker: { latlng:{ latitude: null, longitude: null, latitudeDelta: LATITUDE_DELTA, longitudeDelta: LONGITUDE_DELTA } } } }

I have been trying to follow this https://github.com/airbnb/react-native-maps tutorial I tried everything they said but getting a blank screen on my emulator of android studio. My Code: import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View } from 'react-native'; import MapView from 'react-native-maps'; export default class ReactNativeMaps extends Component { render() { const { region } = this.props; console.log(region); return ( <View style ={styles.container}> <MapView style={styles.map} region={{ latitude: 39.1329, longitude: 84.5150, latitudeDelta: 0.015,

I am using react-native to build a map application. The api I am using is from this link: https://github.com/lelandrichardson/react-native-maps . Below is the code I bring the map on my app. I wander how I can give a zoom value on that map. And how I can change the zoom value when user click a button on the map. What is the zoom API I should use to achieve this? 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({