Comments (3)
code?
from react-native-cluster-map.
Same thing happening here, I'm using a custom component from ClusterMap and it just renders markers near me, here a example code: https://gist.github.com/devmeireles/63e7e1b4023c9c29c7d25b8582372ec1
from react-native-cluster-map.
Hi, I'm facing the same issue. Only the markers present in the original "region" props are shown on the map. Markers that are not in the rectangle obtained with {latitude, longitude, latitudeDelta, longitudeDelta}
seems to be created and loaded, but we can't see them on the map.
To reproduce the issue, you only have to set a small latitudeDelta
& longitudeDelta
, and then zoom out. You should not be able to see markers outside the rectangle corresponding to your original "region" props.
I didn't find any fix for this issue, but a small workaround. I took a very big latitudeDelta
& longitudeDelta
for the original 'region" props (something like 20 so i can see the whole country i'm working on in the first render of the map). The whole country being in the rectangle corresponding to my original "region" props, all markers in the country can be seen. Then, passing a ref
to ClusterMap
, I used the method animateToRegion
in a useEffect
to initialize the first zoomed region I want to see.
const ref = useRef(null)
React.useEffect( () => {
if (ref.current) {
ref.current.mapRef.animateToRegion({
latitude: LATITUDE,
longitude: LONGITUDE,
latitudeDelta: 0.03,
longitudeDelta: 0.03,
}, 2000)
}
}, [ref.current])
return (
<ClusterMap
ref={ref}
region={{
latitude: LATITUDE,
longitude: LONGITUDE,
latitudeDelta: 20,
longitudeDelta: 20,
}}
>
{YOUR_MARKERS}
</ClusterMap>
)
from react-native-cluster-map.
Related Issues (20)
- Slow performance on zoom out. HOT 2
- Proposal for onClusterClick HOT 3
- Cant use values from state inside ClusterMap HOT 1
- Can someone show me how to use priorityMarker HOT 4
- Can't fetch Directions within <ClusterMap> component. HOT 2
- Additional information about merged markers in the rendered cluster HOT 7
- typeError: undefined is not an object (evaluating 'tree.range')
- Cluster markers lagging HOT 1
- Markers disappear when setState HOT 1
- Breaks with use of non-marker chidlren HOT 2
- ClusterMap doesn't update when region is set HOT 1
- How I can use polyline with markers in clusters ? HOT 1
- How I can use map-directions with markers in clusters ? HOT 2
- ios memory Leak HOT 1
- Cannot read property 'isOutsideCluster' of undefined HOT 1
- Is it possible to move the center location button in android? HOT 1
- This package not working on Android HOT 2
- Undefined is not a function HOT 1
- Access markers inside cluster HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-cluster-map.