How to use the @react-native-mapbox-gl/maps.setAccessToken function in @react-native-mapbox-gl/maps

To help you get started, we’ve selected a few @react-native-mapbox-gl/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 digidem / mapeo-mobile / src / frontend / sharedComponents / MapView.js View on Github external
// import type { MapStyle } from "../types";
import AddButton from "./AddButton";
import { LocationFollowingIcon, LocationNoFollowIcon } from "./icons";
import IconButton from "./IconButton";
import withNavigationFocus from "../lib/withNavigationFocus";
import type {
  LocationContextType,
  PositionType
} from "../context/LocationContext";
import type { ObservationsMap } from "../context/ObservationsContext";
import bugsnag from "../lib/logger";
import config from "../../config.json";
import Loading from "./Loading";

MapboxGL.setAccessToken(config.mapboxAccessToken);
// Forces Mapbox to always be in connected state, rather than reading system
// connectivity state
MapboxGL.setConnected(true);

const mapboxStyles = {
  observation: {
    circleColor: "#F29D4B",
    circleRadius: 5,
    circleStrokeColor: "#fff",
    circleStrokeWidth: 2
  }
};

type ObservationFeature = {
  type: "Feature",
  geometry: {
github developmentseed / observe / index.js View on Github external
/**
 * @format
 * @lint-ignore-every XPLATJSCOPYRIGHT1
 */

import { AppRegistry } from 'react-native'
import Config from 'react-native-config'
import MapboxGL from '@react-native-mapbox-gl/maps'
import { setCustomText, setCustomTextInput } from 'react-native-global-props'

import App from './App'
import { name as appName } from './app.json'

MapboxGL.setAccessToken(Config.MAPBOX_ACCESS_TOKEN)
const customTextProps = {
  style: {
    fontSize: 16,
    letterSpacing: 0.5,
    color: 'rgba(19,60,85,1)'
  }
}
const customTextInputProps = {
  style: {
    fontSize: 16,
    letterSpacing: 0.5,
    color: 'rgba(19,60,85,1)'
  }
}
setCustomText(customTextProps)
setCustomTextInput(customTextInputProps)