我试图设计我的地图以使其更暗，但它不起作用

Question

I have tried styling my map by implementing google maps wizards customization JSON, but it is not working I tried different ways to structure the code with no result just the map. Due to the lenght of the code I replaced the JSON code with JSON.

I tried different structures and researching solutions. Thanks for helping

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import DrawerNavigator from './Menu/DrawerNavigator'
import MapView from 'react-native-maps';

 var region = {
    latitude: 37.78825,
    longitude: -122.4324,
    latitudeDelta: 0.0922,
    longitudeDelta: 0.0421,
  };
  var mapStyle = JSON




export default class SettingScreen extends React.Component{
    render(){
        return(
            <View style = {styles.container}> 
< MapView style = {styles.container}
    initialRegion={region}
      customMapStyle={mapStyle}/>

         </View>

        )
    }
}
const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#0000',
        justifyContent: 'center',

    }
});

Answer 1

alright, i have created a styling JSON object as per your instructions and set up an example here . i didnt face an issue with your code, except for a missing semi-colon from the mapStyle variable. perhaps, it is the reason why the styling is not loading properly.

Answer 2

@kenmistry you are actually having the same result I have, usually, it should show a map with a dark blueish background what I got from your code same as mine is a standard map. er is the screenshot: