How to use the react-native-maps.PROVIDER_GOOGLE function in react-native-maps

To help you get started, we’ve selected a few react-native-maps examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github forest-watcher / forest-watcher / app / components / map / index.js View on Github external
)}
            
          
        
         {
            this.map = ref;
          }}
          style={{
            ...styles.map,
            bottom: styles.map.bottom - this.state.bottomSafeAreaInset
          }}
          provider={MapView.PROVIDER_GOOGLE}
          mapPadding={Platform.OS === 'android' ? { top: 40, bottom: 0, left: 0, right: 0 } : undefined}
          mapType="none"
          minZoomLevel={2}
          maxZoomLevel={18}
          showsCompass
          rotateEnabled
          moveOnMarkerPress={false}
          onMapReady={this.onMapReady}
          onRegionChangeComplete={this.onRegionChangeComplete}
        >
          
          {contextualLocalLayerElement}
          {contextualRemoteLayerElement}
          {clustersElement}
          {compassLineElement}
github justindannguyen / carsharing-react-native-redux-app / src / routes / Home / components / MapContainer / index.js View on Github external
render() {
    const { pickupLocation, dropoffLocation, taxiType } = this.props
    const bookingDisabled =
      pickupLocation == null ||
      dropoffLocation == null ||
      isLocationEquals(pickupLocation, dropoffLocation)
    return (
      <content>
        
          {this.renderPickupMarker()}
          {this.renderDropoffMarker()}
          {this.renderDriverMarkers()}
        
        
        
      </content>
    )
  }
github forest-watcher / forest-watcher / app / components / sync / index.js View on Github external
if (isConnected &amp;&amp; !criticalSyncError) animationSource = syncFinished ? loadedAnimation : rangerAnimation;

    return (
      
    );
  }
}
github forest-watcher / forest-watcher / app / components / setup / draw-areas / index.js View on Github external
const { contextualLayer } = this.props;
    const { coordinates } = shape;
    const markers = parseCoordinates(coordinates);
    const ctxLayerKey =
      Platform.OS === 'ios' &amp;&amp; contextualLayer
        ? `contextualLayerElement-${contextualLayer.name}`
        : 'contextualLayerElement';

    return (