|
|
@@ -376,14 +376,14 @@ const MapScreen: any = ({ navigation, route }: { navigation: any; route: any })
|
|
|
|
|
|
useEffect(() => {
|
|
|
if (usersLocation) {
|
|
|
- const filteredNomads: GeoJSON.FeatureCollection = {
|
|
|
- type: 'FeatureCollection',
|
|
|
- features: usersLocation.geojson.features.filter(
|
|
|
- (feature: GeoJSON.Feature) => feature.properties?.id !== +userId
|
|
|
- )
|
|
|
- };
|
|
|
+ const filteredNomads: GeoJSON.FeatureCollection = {
|
|
|
+ type: 'FeatureCollection',
|
|
|
+ features: usersLocation.geojson.features.filter(
|
|
|
+ (feature: GeoJSON.Feature) => feature.properties?.id !== +userId
|
|
|
+ )
|
|
|
+ };
|
|
|
|
|
|
- setNomads(filteredNomads);
|
|
|
+ setNomads(filteredNomads);
|
|
|
}
|
|
|
}, [usersLocation]);
|
|
|
|
|
|
@@ -1329,7 +1329,17 @@ const MapScreen: any = ({ navigation, route }: { navigation: any; route: any })
|
|
|
filter={['has', 'point_count']}
|
|
|
aboveLayerID={Platform.OS === 'android' ? 'place-continent' : undefined}
|
|
|
style={{
|
|
|
- circleRadius: ['step', ['get', 'point_count'], 15, 10, 20, 30, 25],
|
|
|
+ circleRadius: [
|
|
|
+ 'interpolate',
|
|
|
+ ['linear'],
|
|
|
+ ['get', 'point_count'],
|
|
|
+ 0, 15,
|
|
|
+ 10, 17,
|
|
|
+ 20, 19,
|
|
|
+ 50, 21,
|
|
|
+ 75, 23,
|
|
|
+ 100, 25
|
|
|
+ ],
|
|
|
circleColor: 'rgba(255, 126, 0, 1)',
|
|
|
circleStrokeWidth: 2,
|
|
|
circleStrokeColor: '#FFFFFF',
|
|
|
@@ -1343,7 +1353,14 @@ const MapScreen: any = ({ navigation, route }: { navigation: any; route: any })
|
|
|
style={{
|
|
|
textField: ['get', 'point_count'],
|
|
|
textFont: ['Noto Sans Bold'],
|
|
|
- textSize: 12,
|
|
|
+ textSize: [
|
|
|
+ 'interpolate',
|
|
|
+ ['linear'],
|
|
|
+ ['get', 'point_count'],
|
|
|
+ 0, 13,
|
|
|
+ 20, 14,
|
|
|
+ 75, 15
|
|
|
+ ],
|
|
|
textColor: '#FFFFFF',
|
|
|
textHaloColor: '#000000',
|
|
|
textHaloWidth: 1,
|
