I have to display above 1000 markers on map. I am using react-native-maps. But the phone becomes unresponsive. Any idea how to display large data on maps?
Marker clustering is what you are looking for.
Unfortunately, react-native-maps doesn't support it, yet. There is an issue and PR though.
Easiest solution for now is to use react-native-map-clustering module on top of react-native-maps
Related
Is there any React native package to create funnel chart like in this?
or how to implement this chart on our own in react-native?
When it comes to drawing lines, shapes, gradients, etc, you have about two decent options in the react-native space.
The first one is React Native Art, the second one is react-native-svg. There are some charting libraries available as well, but when you want full customisation and styling/design options, the best way probably is to stay as close to the drawing api's as possible.
The funnel-graph-js project you mention uses browser SVG to draw the funnel chart, so I guess you can probably copy and adjust some code to achieve a similar result using react-native-svg.
How do I make my own map on React Native? For example, a map of a shopping center with a floor plan.
Can this be implemented using react-native-maps? Can I make a map in 3D space?
Unless you implement your floor plan as some sort of overlay on a geographical map, react-native-maps may not be the tool for you.
I’ve had success in the past performing this kind of task by creating the floor plan as an SVG and using react-native-svg to render it while also making use of a gesture handler library to make the containing view scrollable/zoomable.
Actually I want to use custom image as map in react native, so please share or suggest if anybody knows native library for non geographical maps with some example for react native.
Is this possible with "react-native-maps" ?
Try MapSVG, the link: MapSvg.
It offers you a SVG map of every country in the world, and you can style it how you like it.
I know that react native convert the element to their primitives in ios and android.
for example Button converts to UIButton in IOS and Widget.Button in Android.
but flutter control every pixel in the app and not convert elements to their primitives.
So what is the pros and cons of using primitives?
Haven't used React Native, but I've heard many horror stories about being able to get the same "look and feel" across platforms, and even working around bugs in same.
Flutter builds the widgets from pixels, and doesn't seem to have that same issue.
currently i am working on native map in Titanium for android and iOS.
you might have seen native maps on which a custom image layer or layout is being displayed, which will rotate and zoom according to the user input (currently i am not talking about annotations)
i have tried using annotation map tile too but it doesn't seems to work as the native map app i have seen
if you have any question or are not able to understand my question please let me know so i could clarify and get solution for one of you
Update:
Can you give a better explanation of what you've tried?
you might already know about mapbox.com and leafletjs.com, by using their library we could make customize maps and offline map in webview but i am looking for some Titanium module which could help me use native map of iOS and android for performing similar functionalities(i am avoiding commercial library and plugins as my app is not commercial app). i want to create map tiles which could be used for offline purpose as the user would have downloaded with the app.
what i have tried yet!!
1: http://i.stack.imgur.com/CLiNh.jpg
2: http://i.stack.imgur.com/QOLO7.jpg
in first image link i have given image in which i showing screenshot of map with rotation (if you notice compass) and the map tile moved accordingly to it
in 2nd image ... i had put a map tile using createAnnontation function, but unable to fix its layout remains same and it doesn't resize when i do zoom in/out too
I assume you are talking about custom tiles on top of a MapView.
There is an example module for iOS at https://github.com/benbahrenburg/benCoding.Map which used the Titanium map module as a base. It is a bit dated, but see the TileOverlay example and code and it will get you on the right track.
The best tutorial I've found on how to create the tiles is at http://www.ericbinnion.com/creating-custom-overlays-for-ios-mapkit-framework/
I've tried to create a similar TileOverlay functionality by forking the Android map module with limited success. I never got it to work as well as the native maps.
You could also check out using Mapbox with Titanium. There are great tutorials and tools for creating your own tiles layers and manipulating existing layers. Adam Paxton gave a great demo of it at TiConf in New York this year.