title: Custom map styling in react-native-maps not rendering, reverts to basic/standard map style
body: <p>Working on a ReactNative App and I am trying to edit the map style.</p>
  
  <p>I am following the instructions on "<a href="https://github.com/react-native-community/react-native-maps" rel="noreferrer">https://github.com/react-native-community/react-native-maps</a>".</p>
  
  <p>For IOS the docs suggest the below. </p>
  
  <p>I.e:</p>
  
  <p>1) Adding a mapStyle = [JSON being generated from <a href="https://mapstyle.withgoogle.com/]" rel="noreferrer">https://mapstyle.withgoogle.com/]</a>.</p>
  
  <p>2) Importing PROVIDER_GOOGLE</p>
  
  <p>3) Adding 'customMapStyle' &amp; 'provider' props (see below)</p>
  
  <p>However, even though I have manually checked the JSON (namely that the colours are all black and grey, as per the custom map I want) The rendered map is still coming out in the standard blue and greens? </p>
  
  <p>Oddly my markers are changing from pins to some android looking pins, so something is happening. </p>
  
  <p>Any ideas welcome. </p>
  
  <p>Thanks</p>
  
  <pre><code>import MapView, { PROVIDER_GOOGLE } from 'react-native-maps'
  
  MapStyle = [ ... ]
  
  render() {
    return (
      &lt;MapView
        region={this.state.region}
        onRegionChange={this.onRegionChange}
        provider={PROVIDER_GOOGLE}
        customMapStyle={MapStyle}
      /&gt;
    );
  }
  </code></pre>