title: react native maps marker custom image cannot change from default
body: <p>I've spent about 5 hours trying to get this to work with many different permutations of code, and then rebuilding. I cannot for the life of me change the default &quot;red pointer&quot; marker as the default marker image in react native maps.</p>
  <pre class="lang-js prettyprint-override"><code>import MapView, { PROVIDER_GOOGLE } from 'react-native-maps';
  
  ...
  
  &lt;MapView
      provider={PROVIDER_GOOGLE}
      style={styles.map}
      ref={ref =&gt; {this.map = ref;}}
      minZoomLevel={4}  // default =&gt; 0
      maxZoomLevel={10} // default =&gt; 20
      enableZoomControl={true}
      showsUserLocation = {true}
      showsMyLocationButton = {true}
      zoomEnabled = {true}
      initialRegion={{
          latitude: 37.600425,
          longitude: -122.385861,
          latitudeDelta: LATITUDE_DELTA,
          longitudeDelta: LONGITUDE_DELTA,
      }}
  &gt;
      &lt;MapView.Marker
          coordinate={marker.location}
          image={require('./images/test.png')}        &lt;------ HERE
          width={48}
          height={48}
      /&gt;
  &lt;/MapView&gt;
  </code></pre>
  <p>The images definitely exist in the right folder, I've tried different image formats png/gif/jpg/svg, I've tried using <code>{{uri:...}}</code> and <code>icon/image</code>, adding and removing width/height attributes. Nothing seems to work. I'm always getting the default red pointer.</p>
  <p>Have I missed something obvious?</p>
  <p>The project packager/compiler fails when I <code>require</code> an image that doesn't exist, or an unsupported type. It definitely can see the image, but just doesn't do anything with it. Same results on the emulator and on actual device.</p>
  <p><strong><code>image={require('./images/test.png')}</code></strong></p>
  <p>This line just does nothing, as if it's being ignored somehow.</p>