Giter VIP home page Giter VIP logo

react-native-mapbox-ar's Introduction

Mapbox Augmented Reality SDK for React Native

An official React Native component for building cross platform augmented reality applications

Note this SDK is in it's beta phase and will be under heavy development as we move towards our 1.0

What is Mapbox?

Mapbox is the location data platform for mobile and web applications. We provide building blocks to add location features like maps, search, and navigation into any experience you create. Use our simple and powerful APIs & SDKs and our open source libraries for interactivity and control.

Sign up for Mapbox

Not a Mapbox user yet? Sign up for an account here. Once you’re signed in, all you need to start building is a Mapbox access token. Use this same short code with all of our interactive mapping libraries, Python and JavaScript SDKs, and directly against our REST APIs. You can create and manage your access tokens on your Mapbox Account page.

Getting Started

We provide geospatial components that will work react-viro. We suggest that when setting up a project that you follow Viro's quick start.

More detailed instructions are on the way! Checkout our example project in the meantime

Developer Group

Have a question or need some help? Join our Gitter developer group!

react-native-mapbox-ar's People

Contributors

akadouri avatar cgathergood avatar d-prukop avatar nitaliano avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-native-mapbox-ar's Issues

Why ERROR

I run:
npm i --save
cd RNMapboxARDemo
npm i --save
adb reverse tcp:8081 tcp:8081
react-native run-android --variant=gvrRelease
And Error:
The JavaCompile.setDependencyCacheDir() method has been deprecated and is scheduled to be removed in Gradle 4.0.
The TaskInputs.source(Object) method has been deprecated and is scheduled to be removed in Gradle 4.0. Please use TaskInputs.file(Object).skipWhenEmpty() instead.

FAILURE: Build failed with an exception.

  • What went wrong:
    Task 'installGvrRelease' not found in root project 'RNMapboxARDemo'. Some candidates are: 'uninstallGvrRelease', 'uninstallOvrRelease'.
    Can you help me. thank you so much!

pod install failed for iOS

Following the readme file to run the example project, I found that:

  1. there is a typo for "npm i or yarn instal", which should be "npm i or yarn install"
  2. I got the following error for "pod install" for iOS:
    Analyzing dependencies
    Fetching podspec for ViroKit from ../node_modules/react-viro/ios/dist/ViroRenderer/
    [!] No podspec found for ViroKit in ../node_modules/react-viro/ios/dist/ViroRenderer/

Please review and comment.

Location based

Hi,

“Working with Mapbox’s new React Native AR SDK gave us a great toolkit to experiment with showcasing our POIs in a location-based AR experience, and explore the future of what POIs could look like.”
-Peter Krasniqi, VP Global Enterprise & Business Development, Foursquare

This article: blog.mapbox.com/introducing-native-ar says which is possible to display a POI (point of interest) using your SDK Mapbox ar.

We are creating currently a mobile application of travelling and we want to purpose to see a leisure activities from the camera in AR.

For this, we have a latitude and a longitude of a point of interest like a restaurant and we would like to display the POI in our app like in the article.

Is it really possible to achieve this with react-native-mapbox-ar?

Do you provide a sample for location-based AR experience?

The conversion lng/lat into xyz and rotation is auto generated by your SDK?

If it's not, do you have another tool for this?

Thanks you so much for your answer.

Tengo el siguiente error al momento de ejecutar este proyecto. help me

[email protected] start D:\MIS ARCHIVOS\Documents\Developer\Software\react-native-mapbox-ar-master\RNMapboxARDemo
node node_modules/react-native/local-cli/cli.js start

internal/modules/cjs/loader.js:1032
throw err;
^

Error: Cannot find module 'D:\MIS ARCHIVOS\Documents\Developer\Software\react-native-mapbox-ar-master\RNMapboxARDemo\node_modules\react-native\local-cli\cli.js'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:1029:15)
at Function.Module._load (internal/modules/cjs/loader.js:898:27)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
at internal/main/run_main_module.js:17:47 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: node node_modules/react-native/local-cli/cli.js start
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Humber\AppData\Roaming\npm-cache_logs\2020-06-06T00_24_10_239Z-debug.log

Cannot read property 'bindings' of null"

{
"type": "TransformError",
"lineNumber": 0,
"errors": [{
"description": "node_modules/react-native/Libraries/react-native/react-native-implementation.js: Cannot read property 'bindings' of null",
"lineNumber": 0
}],
"name": "SyntaxError",
"message": "node_modules/react-native/Libraries/react-native/react-native-implementation.js: Cannot read property 'bindings' of null",
"stack": "TypeError: Cannot read property 'bindings' of null\n at Scope.moveBindingTo (/Users/apple/Documents/others/react-native-mapbox-ar/RNMapboxARDemo/node_modules/@babel/traverse/lib/scope/index.js:867:13)\n at BlockScoping.updateScopeInfo (/Users/apple/Documents/others/react-native-mapbox-ar/RNMapboxARDemo/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:364:17)\n at BlockScoping.run (/Users/apple/Documents/others/react-native-mapbox-ar/RNMapboxARDemo/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:330:12)\n at PluginPass.BlockStatementSwitchStatementProgram (/Users/apple/Documents/others/react-native-mapbox-ar/RNMapboxARDemo/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:70:24)\n at newFn (/Users/apple/Documents/others/react-native-mapbox-ar/RNMapboxARDemo/node_modules/@babel/traverse/lib/visitors.js:193:21)\n at NodePath._call (/Users/apple/Documents/others/react-native-mapbox-ar/RNMapboxARDemo/node_modules/@babel/traverse/lib/path/context.js:53:20)\n at NodePath.call (/Users/apple/Documents/others/react-native-mapbox-ar/RNMapboxARDemo/node_modules/@babel/traverse/lib/path/context.js:40:17)\n at NodePath.visit (/Users/apple/Documents/others/react-native-mapbox-ar/RNMapboxARDemo/node_modules/@babel/traverse/lib/path/context.js:88:12)\n at TraversalContext.visitQueue (/Users/apple/Documents/others/react-native-mapbox-ar/RNMapboxARDemo/node_modules/@babel/traverse/lib/context.js:118:16)"
}

[1.0.0] API Design

For anyone that would like to leave feedback on what they would like to see in our upcoming major release please leave your feedback here

Viro Error

I had trouble running this example until I update the following packages to new versions.

Here's the error:

"Cannot read property 'setJSMaterials' of undefined"

Here's the updated versions of react and viro:

  • react 16.3.1
  • react-native 0.55
  • react-viro 2.9.1

Activity class does not exist.

Installing APK 'react-native-vector-icons-debug-androidTest.apk' on 'Pixel_2_XL_API_28(AVD) - 9' for react-native-vector-icons:debugAndroidTest
Installed on 1 device.

BUILD SUCCESSFUL

Total time: 29.091 secs
Running adb -s emulator-5554 reverse tcp:8081 tcp:8081
Starting the app on emulator-5554 (adb -s emulator-5554 shell am start -n com.rnmapboxardemo/com.rnmapboxardemo.MainActivity)...
Starting: Intent { cmp=com.rnmapboxardemo/.MainActivity }
Error type 3
Error: Activity class {com.rnmapboxardemo/com.rnmapboxardemo.MainActivity} does not exist.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.