🌟 React Native Maps Roadmap Discussion 🌟

[jan-kozinski]

Roadmap Discussion

Hello, React Native Maps Community! I think we can all agree that the library needs a clear roadmap and a direction to follow.

Please help us shape it's future by sharing the features you're missing and any pain points you've encountered. Your input matters the most!

To begin, we've gone through the open discussions and collected al the requests that seemed relevant. The list, for now unordered and without timeframes goes like this:

• Add ability to load local tiles - Unable to load local tiles #4629
• implement onPoiClick for apple maps - Implement onPoiClick for Apple Maps #4729
• Bring back web support - Please Bring Back Web Support #4741
• Vector tiles - Vector Tiles #4912
• New Architecture support - Turbo modules: Add support for react native new architecture #4301
• Lazy load for Callout - Lazy load <Callout/> #4409
• Huawei support - When can support HuaWei？ #4294
• Native gradient polyline support - Android: Add native gradient polyline support #4744
• UI elements positioning - UI Elements positioning and customization #4733
• Polygons onPress provide coordinate - Polygons onPress doesn't provide pressed coordinate #4667
• Rewrite examples in the project from class to functional components
• implement maxIntensity on Heatmap ref Heatmap implementation of maxIntensity #4649
• Add ElevationStyle Prop Add ElevationStyle Prop #4633
• Add onPressStart, onPressEnd Need onPressStart and onPressEnd props on Polygon #4683
• Add onPanDragStart, onPanDragEnd Method to detect when user ends onPanDrag #4385
• create "Common Problem" section of the documentation style in Marker #4647
• populate testID to markers on Android [Android] TestID property didn't propagate to the Marker element #4684
• add fillRule to polygon Add `fillRule` on `Polygon` component for filling color by non-zero winding rule #4613
• add curved lines support Feature Request: Curved Lines #4596
• add ignoreTouches property to marker Is it possible to ignore clicks on overlapping marker #4550
• add AdvancedMarkers support Support for Google Maps Advanced Markers #4481
• <MarkersCluster /> component in pure TS for more handy markers clustering

[MariuzM]

My only gripe is when using Google on iPhone 15 Pro the maps movement is choppy / not smooth. When i tried MapBox and their map all smooth. Also Any apps that use Flutter + Google maps also smooth. Can this be improved?

[bidah]

Web is needed as more universal apps get created with expo router web support. I did play with universal apps last year with maps a bit by myself by adding the .web extension and matching API that I needed with a react.js maps counterpart, but this should be built in IMO.

[oliverloops]

I used this library a couple of times in past projects, So I'll be happy to help 👋

[jan-kozinski]

any contributions are welcome :)

[mcoppola]

@jan-kozinski Thank you for all the work maintaining this project and providing space for community input! My company and team use this library very heavily.

Of the priorities suggested already, these would be most impactful for us:

• New Architecture support - Turbo modules: Add support for react native new architecture #4301
• Add ElevationStyle Prop Add ElevationStyle Prop #4633
• Add AdvancedMarkers support Support for Google Maps Advanced Markers #4481

Additionally, support for Google's emerging 3D tiles would be top of our list.
https://developers.google.com/maps/documentation/tile/3d-tiles

One again, appreciate the engagement. I will try to advocate for some company time to contribute here. Thanks again.

[salah-ghanim]

@jan-kozinski thanks for creating this discussion, yes this library needs a lot of effort to move it forward and it's heavily used by many companies, hopefully we'll manage to move it forward slowly and gain momentum here.

regarding the list of issues, what you've provided covers a lot of ground and many can be done gradually, what I can add:

1. Finalize the move for Animations to be done via reanimated, since there is no map specific logic there and the RN Animation API is only performant / useNativeDriver for the key properties (width, height ....)

2. introduce MapBox or OpenStreetMaps (maybe both) support to the library, Google is pushing to make maps profitable and this can limit this library usage in the future more than what's limited already.

3. Performance bottleneck analysis and improvements, some of the native code is done without having performance in mind.

4. Getting rid of the commands concept and the typing around it, there should be a simpler way to invoke native code / functions especially if/when we move to the new arch.

5. Keep the examples up to date with the changes / features we introduce.

[scriptprojectsdev]

Hi,

One thing I would add is that in iOS the pin that's used MKPinAnnotationView has been deprecated since iOS 16. This class will be removed in the future so we should move to their new default class which is MKMarkerAnnotationView

Thanks,

[mateki0]

Hi, @scriptprojectsdev thanks for good idea. I've opened PR with this switch - #5005

[Angrybird1201]

[jan-kozinski]

Hi, this is not the place for bug reports. Can you please open an issue? Thanks for your report but I have to delete this comment as it's irrelevant to the topic

[Angrybird1201]

Thanks for your reply! Can you check this? #118 (comment)

…

On Mon, Mar 25, 2024 at 10:47 AM Jan Koziński ***@***.***> wrote: Hi, this is not the place for bug reports. Can you please open an issue? Thanks for your report but I have to delete this comment as it's irrelevant to the topic — Reply to this email directly, view it on GitHub <#4975 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BCWGMBFRZQXMU7Z7W2IBTGLYZ7XDLAVCNFSM6AAAAABDP53UCSVHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4DSMBQGA3DS> . You are receiving this because you commented.Message ID: <react-native-maps/react-native-maps/repo-discussions/4975/comments/8900069 @github.com>

[Angrybird1201]

@jan-kozinski
I am waiting your reply

[jan-kozinski]

Hi @Angrybird1201 thanks for your reporting. As long as I will eventually try to help you, my time for react native maps is limited as I'm working a day job and attending a university. Right now the team is focused on the blinking markers error. We're trying to fix it by replacing Markers with AdvancedMarkers. As long as I'm always happy to help, rushing things won't make it any faster.

[Angrybird1201]

Hi, @jan-kozinski
Thanks for your reply!

Btw, I would like to solve my issue ASAP on my end.
Can you let me know if I have to add AirMaps to my XCode project when I am trying to use Apple Maps on iOS with react-native-maps?

I want to use Apple Maps on iOS using react-native-maps because I am not getting the geocode from Google Maps API.

I will be appreciate if you give me your reply in your free time.

Thank again. 🙏

[Angrybird1201]

[MariuzM]

Why you keep creating new post and not reply in same thread?

[salah-ghanim]

@jan-kozinski we need to add:
https://developers.google.com/maps/documentation/android-sdk/advanced-markers/overview

to the list, so that finally android markers behave like iOS (ie you can use React Views) inside the Marker to customize them.