react-native-leaflet
react-native-leaflet copied to clipboard
disable zoom-button on the top-left??
hey, how do I hide the zoomcontrol-buttons?
Unfortunately it is not possible (easily), since they are hardcoded in a minified html-file: https://github.com/pavel-corsaghin/react-native-leaflet/blob/main/android/src/main/assets/leaflet.html You would need to patch this file for this to work right now.
In my case I have been able to solve this issue by making two wrappers for the map, this way the map overflows horizontally and the zoom controls are out of view and the idea is to replace them with custom ones.
<View style={styles.map}>
<View style={styles.mapInner}>
<LeafletView mapLayers={[...]}/>
</View>
</View>
const styles = StyleSheet.create({
map: {
justifyContent: 'center',
alignItems: 'center',
width: Dimensions.get('window').width,
height: 300,
},
mapInner: {
width: Dimensions.get('window').width + 86,
height: '100%',
},
}
I hope it will be helpful.
Hello can tell me how to use Map Layers with subdomains?