Я пытаюсь оформить карту, чтобы она стала темнее, но она не работает

Question

Я попытался стилизовать мою карту, применив настройку JSON для мастеров google maps, но она не работает, я попробовал разные способы структурирования кода без результата, кроме карты.Из-за длины кода я заменил код JSON на JSON.

Я пробовал различные структуры и исследования решений.Спасибо за помощь

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

@ kenmistry у вас на самом деле тот же результат, что и у меня, обычно на нем должна быть карта с темно-голубым фоном, то, что я получил из вашего кода, такого же, как у меня, является стандартной картой.это скриншот:

Answer 2

хорошо, я создал стилевой JSON-объект в соответствии с вашими инструкциями и настроил пример здесь . я не столкнулся с проблемой с вашим кодом, за исключением пропущенной точки с запятой из переменной mapStyle. возможно, это причина того, что стиль не загружается должным образом.