我正在尝试设置地图样式以使其更暗，但无法正常工作

Question

我尝试通过实现google maps向导自定义JSON来对地图进行样式设置，但是它不起作用，我尝试了不同的方法来构造代码，而仅获得地图就没有结果。由于代码的长度，我将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

好的，我已经按照您的说明创建了样式JSON对象，并设置了一个示例here。除了mapStyle变量中缺少分号外，我的代码没有遇到任何问题。也许，这就是样式无法正确加载的原因。

Answer 2

@kenmistry实际上您得到的结果与我相同，通常，它应显示一张带有深蓝色背景的地图，我从您的代码中得到的与我的一样，是标准地图。 er是屏幕截图：