Questions tagged [react-native-mapbox-gl]

For questions regarding the use of the mapbox library within react native applications

72 questions
2
votes
0 answers

How to prevent the style of the annotation point from appearing to be lost, it turns completely black?

I am using the react-native-mapbox-gl library and I am showing some points on a map. Each has its own callout to display additional information when the respective point is pressed. I have found the docs/Callout.md and Callout.js source and and…
2
votes
1 answer

OpenStreetMap integration in React-Native

I have a requirement of creating maps in react native. the requirements are as follows: Only use use OpenStreetMap API's Implement Dark Mode The screens to be developed are - I found there are 2 library's. react-native-maps and mapbox-gl. I read…
2
votes
1 answer

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

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…
2
votes
1 answer

Offline services in mapbox react native

Is mapbox library in react native can do some offline services for routing or navigation in react native or not? Please Help me, Thanks
2
votes
1 answer

256x256 blob tile image react-native-mapbox-gl / maps

Currently I am rendering over mapbox, various local tiles from a database as a blob. I convert them to base64 and paint them on the map. The problem comes in that mapbox uses 512 tiles and my images are 256. Is there a way to make mapbox display at…
David
  • 21
  • 1
2
votes
1 answer

Dynamic libraries not linked after updating to React Native 0.60+

After updating to React Native 0.61.5 I am having problems linking libraries that can be linked only dynamically (@react-native-mapbox-gl/maps). The solution would normally be to enable dynamic libraries in the Podfile (setting use_frameworks!).…
2
votes
1 answer

React native mapbox issue

i'm trying to use mapbox in reactnative and as documented i follow everything but my app broking. please find the below exception for your reference null is not an object (evaluating 'MapboxGL.StyleURL'). Please help me
2
votes
1 answer

How to place a floating button in react native mapbox GL

I'm working on React native and using Mapbox GL library to display a map. Now I want to add a button to the centre of Mapbox GL view. Below is what I'm getting. Here is the code.
srimaln91
  • 1,176
  • 10
  • 21
1
vote
2 answers

Images will not display on PointAnnotations - React Native MapboxGL

I'm transitioning over from react-native-maps to rnmapbox but am having issues getting any images to display on markers. I'm rendering an image marker and an additional badge for some markers. This issue only occurs when using an image, CSS markers…
davidwim
  • 225
  • 3
  • 11
1
vote
2 answers

How to remove child component in react native

I am using react native mapbox and have several and dynamic child component(layers) in Map component. Something like: ... ... There so many child…
Khurshid Ansari
  • 4,638
  • 2
  • 33
  • 52
1
vote
1 answer

Mapbox React Native accessing map method

I am using Mapbox in React Native and the documentation of the MapboxGL.MapView object lists several methods, but I am unable to use them. For example, getVisibleBounds() is said to work like this: const visibleBounds = await…
1
vote
0 answers

React Native MapBoxGL SimbolLayer shows on random position when zooming

I have a KML file from Google Earth that its gonna be converted to geojson. It contains 1 polygon and 2 point (marker). However, when I load that geojson to ShapeSource like this code below
1
vote
1 answer

Markers clustering in @react-native-mapbox-gl/maps

I am using @react-native-mapbox-gl/maps and I want to implement clustering for markers. I couldn't find any solution for my implementation. Attach image will show that two markers should be combined but they are not. Below I am pasting my…
1
vote
0 answers

How can I hide tooltip with MapBoxGL.Callout manually in react native (react-native-mapbox-gl)?

I am now showing several markers on the mapview using MapBoxGL.PointAnnotation. I added MapboxGL.Callout component to show tooltip when the marker is selected.
1
vote
0 answers

React Native mapbox gl zIndex not displaying as expected

I'm trying to build a LIVE map and I noticed that the zIndex of the react-native mapbox gl doesn't work when the render is in a different state. When you render something after, it stays underneath. Is there anyway for certain things to always be on…
James Lee
  • 656
  • 1
  • 7
  • 22