react-native-mapbox-gl | A Mapbox GL react native module for creating custom maps | Map library

by nitaliano Java Version: 6.1.1 License: Non-SPDX

X-Ray Key Features Code Snippets Community Discussions(10)Vulnerabilities Install Support

kandi X-RAY | react-native-mapbox-gl Summary

react-native-mapbox-gl is a Java library typically used in Geo, Map, React Native, React applications. react-native-mapbox-gl has no bugs, it has no vulnerabilities and it has high support. However react-native-mapbox-gl build file is not available and it has a Non-SPDX License. You can download it from GitHub.

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.

Support

Quality

Security

License

Reuse

Support

react-native-mapbox-gl has a highly active ecosystem.

It has 2148 star(s) with 716 fork(s). There are 98 watchers for this library.

It had no major release in the last 12 months.

There are 213 open issues and 1119 have been closed. On average issues are closed in 161 days. There are 5 open pull requests and 0 closed requests.

It has a positive sentiment in the developer community.

The latest version of react-native-mapbox-gl is 6.1.1

Quality

react-native-mapbox-gl has 0 bugs and 0 code smells.

Security

react-native-mapbox-gl has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

react-native-mapbox-gl code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

react-native-mapbox-gl has a Non-SPDX License.

Non-SPDX licenses can be open source with a non SPDX compliant license, or non open source licenses, and you need to review them closely before use.

Reuse

react-native-mapbox-gl releases are available to install and integrate.

react-native-mapbox-gl has no build file. You will be need to create the build yourself to build the component from source.

Installation instructions, examples and code snippets are available.

react-native-mapbox-gl saves you 4263 person hours of effort in developing the same functionality from scratch.

It has 9041 lines of code, 846 functions and 180 files.

It has high code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi has reviewed react-native-mapbox-gl and discovered the below as its top functions. This is intended to give you an instant insight into react-native-mapbox-gl implemented functionality, and help decide if they suit your requirements.

Called when a map has changed
Creates a camera stop from a readable map
From interface MapViewHandler
Set camera parameters
Called when the map is ready
Enables or disables the location layer
Update the location layer
Returns the layer layer mode for the given mode
Pauses the file download
Resume file download
Set the lifecycle event listeners
The map style URLs
Set a stream observer for the file source
Performs a bitmap in a background thread
Returns an InfoWindow matching the given point annotation
Sets the native images
Take a snapshot of the map
Create view managers
Reads a point annotation
Create a new region
Called when a map is clicked
Writes this item to the specified Parcelable
Adds all images to the map
Delete a pack
Returns the version of the pack
Callback when a marker is clicked

Get all kandi verified functions for this library.

react-native-mapbox-gl Key Features

No Key Features are available at this moment for react-native-mapbox-gl.

react-native-mapbox-gl Examples and Code Snippets

No Code Snippets are available at this moment for react-native-mapbox-gl.

Community Discussions

Trending Discussions on react-native-mapbox-gl

iOS Simulator crashes when clicking on Map

The Route line is not showing in android by using FeatureCollection

Get the "map" object in Mapbox-GL react native

Could not find com.mapbox.mapboxsdk:mapbox-android-accounts:0.7.0. on fresh installation of MapBox

android react-native avoiding "Background location access not declared" in Google approval process

React Native Mapbox GL give UserLocation custom position

react-native-mapbox-gl / maps how to change styles?

How to properly set up the mapbox GL using Android App?

How to draw a navigation line on a mapbox map in react-native?

MapBox GL SymbolLayer for React native

QUESTION

iOS Simulator crashes when clicking on Map

Asked 2022-Mar-07 at 20:20

So I have an issue only with the simulator for iOS, I can interact with the map for about two seconds before the whole app crashes...

When I use my own device, it works fine...

here's a gif: https://gyazo.com/67a5d7f10586d0368eb631346122867b

Here is my implementation:

...

ANSWER

Answered 2022-Feb-10 at 14:22

I finally found a solution for this, and it turns out that my simulator runs ios 15.2 crashed. When I downloaded another version below this version. In my case 13.5. It finally works :)

Source https://stackoverflow.com/questions/70924503

QUESTION

The Route line is not showing in android by using FeatureCollection

Asked 2022-Mar-07 at 06:57

I need your help in little bit query, i'm trying to render the multiple polyline on a single map,it look like as it (IOS), it perfectly fine work fine in IOS but not work in android, so my code Snippet it,

...

ANSWER

Answered 2022-Mar-07 at 06:57

After a lot a effort i got the Solution Sometime undefined and null is generate default Therefor route line not render on android, but ios it will handle it by default So

Source https://stackoverflow.com/questions/70618184

QUESTION

Get the "map" object in Mapbox-GL react native

Asked 2022-Jan-18 at 08:48

I have a code like that:

...

ANSWER

Answered 2022-Jan-18 at 08:48

The moveTo method belongs to Camera object. ref.

I don't have the environment setuped to test. The code will look something like this:

Source https://stackoverflow.com/questions/70674383

QUESTION

Could not find com.mapbox.mapboxsdk:mapbox-android-accounts:0.7.0. on fresh installation of MapBox

Asked 2021-Aug-26 at 10:42

I set up a fresh react-native project and added Mapbox with yarn add @react-native-mapbox-gl/maps.

This

Notice, that if you're using the default Mapbox Android SDK (which is packed in with this lib) and are on newer Android OS version (API 30+), you'll encounter Fatal Exception: java.lang.SecurityException: getDataNetworkTypeForSubscriber.

is not applicable as far as I understand, because I am aiming at API 29 on Android. Plus, it is not the error I am getting.

I added the democode provided

...

ANSWER

Answered 2021-Aug-26 at 10:42

I am not sure why (maybe because react-native-mapbox-gl is being updated), this needs to be added to your code:

Add the following to your android/build.gradle under section allprojects/repositories

Source https://stackoverflow.com/questions/68934036

QUESTION

android react-native avoiding "Background location access not declared" in Google approval process

Asked 2021-May-25 at 14:40

Okay, so Google is telling us "Background location access not declared" and not letting us publish our app. We have no use for background location, so we're trying to elimiate it completely.

Of course my manifest doesn't have it:

...

ANSWER

Answered 2021-Mar-12 at 11:42

I had this issue a few weeks ago, what a pain! In my case I had one dependency that was requiring background location without me noticing. Secondly, I had a wrong permission declaration on Google Play so my builds kept being rejected.

1. Find the evil dependency

To do this I used the Merged Manifest inspector in Android Studio. This shows you what your manifest looks like after all project dependencies have been taken into account. Find ACCESS_BACKGROUND_LOCATION and double click on it, this will bring you to the actual manifest where it's requested. Scroll to the top of this file and the package=some.package.name should help you identify what it is. In my case the permission was requested by an old dependency I didn't use anymore so I just uninstalled it.

Note: if you're often working on different branches, make sure you have the correct dependencies installed and make a clean build before checking the merged manifest:

Source https://stackoverflow.com/questions/66362196

QUESTION

React Native Mapbox GL give UserLocation custom position

Asked 2021-Apr-13 at 23:55

react-native-mapbox-gl provides a UserLocation component to display the location of the user via builtin Geolocation tracking: https://github.com/react-native-mapbox-gl/maps/blob/master/docs/UserLocation.md

However I would like to leverage all the animation, rendering and bearing aspects, etc. of this component BUT with my own position data (at least longitude, latitude and heading/bearing).

I do not see this currently as possible or mentioned in the documentation of their repo. Is it possible?

It seems to be possible in the underlying Android documentation: https://docs.mapbox.com/android/maps/api/9.6.1/index.html / LocationComponent:

...

ANSWER

Answered 2021-Apr-13 at 23:55

So it seems there is no props or API for this in the docs so I am doing what should be safe to do: extend the UserLocation component:

Source https://stackoverflow.com/questions/66864691

QUESTION

react-native-mapbox-gl / maps how to change styles?

Asked 2021-Jan-24 at 17:23

I see there layers in documentation. https://github.com/react-native-mapbox-gl/maps#layers But I can't understand how I can change color of buildings and roads. And how to change text in labels. And fontsize. Please help. My task is to do contrast white-black map.

...

ANSWER

Answered 2021-Jan-24 at 17:23

you can design your map at https://studio.mapbox.com/. When you publish a map, you will get a style url

Then you can add to style url to your map like this:

Source https://stackoverflow.com/questions/65860499

QUESTION

How to properly set up the mapbox GL using Android App?

Asked 2021-Jan-05 at 10:03

I have module where I need to integrate the mapbox GL to my react native application project. the installation of mapbox gl is successfully and this happen when I run the android it gives me an error.

FAILURE: Build failed with an exception.

What went wrong: Execution failed for task ':app:mergeDexDebug'.

A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives: The number of method references in a .dex file cannot exceed 64K. Learn how to resolve this issue at https://developer.android.com/tools/building/multidex.html

Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
Get more help at https://help.gradle.org

BUILD FAILED in 43s

error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 Note: C:\mobile_project\DriverApp\android\app\src\debug\java\com\driverapp\ReactNativeFlipper.java uses or overrides a deprecated API.

I already do testing where the error happens is inside the mapbox GL, when I remove the dependencies of mapbox in the package.json my project is running and no error found.

The question here is why this error happens? did someone experience or is there any thread regarding on this?

My React Native Version:

react-native-cli: 2.0.1
react-native: 0.63.4

Mapbox GL Requirements:

Installation

Prerequisite On Android we support from version 6 (API 23) upwards

Dependencies

Node
NPM
React Native (0.60+)

"@react-native-mapbox-gl/maps": "^8.1.0-rc10",

...

ANSWER

Answered 2021-Jan-05 at 10:03

I found this answer and it worked for me in a React Native app:

At Path android/app/build.gradle

Source https://stackoverflow.com/questions/65575800

QUESTION

How to draw a navigation line on a mapbox map in react-native?

Asked 2020-Oct-28 at 01:59

I am trying to get navigation directions using mapbox-sdk for react-native from npm package:

"@mapbox/mapbox-sdk": "^0.11.0"

And for rendering the directions returned by mapbox-sdk I am using the below npm package:

"@react-native-mapbox-gl/maps": "^8.1.0-rc.8",

Code I am using for retrieving directions:

...

ANSWER

Answered 2020-Oct-28 at 01:59

Found what was causing the not showing on map, removing the the attribute aboveLayerID from the following line:

Source https://stackoverflow.com/questions/64540428

QUESTION

MapBox GL SymbolLayer for React native

Asked 2020-Sep-02 at 19:45

I am trying to mark a particular coordinate with SymbolLayer but I couldn't find any documentation/examples specific to React Native for this.

...

ANSWER

Answered 2020-Sep-02 at 19:45

If you only have to mark a single coordinate, instead of SymbolLayer, you can use MapboxGL.MarkerView. You can create a View inside the MarkerView and add what ever logo/text you want in there. It should work on both, iOS and android. Here's an example:

https://medium.com/javascript-in-plain-english/mark-a-coordinate-on-mapbox-map-in-react-native-5d21c71ed46e

Source https://stackoverflow.com/questions/63374782

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install react-native-mapbox-gl

🛑 NB: The current release 6.1.4 is not up on NPM. You have to get the master version from github. 🛑.
node
npm
React Native recommended version 0.50 or greater
Android
iOS
Example

Support

We have a feature request open with Expo if you want to see it get in show your support https://expo.canny.io/feature-requests/p/add-mapbox-gl-support.

Find more information at: