title: How do I diplay Json markers on react native maps?
body: <p>I am stuck on how I can map a JSON to react native maps. I tried a few ways to map each coordinate The JSON file from API:</p>
  
  <pre><code>{
      "request_time": "2019-09-28T22:13:25+01:00",
      "source": "NaPTAN",
      "acknowledgements": "Contains DfT NaPTAN bus stops data",
      "member": [
          {
              "type": "bus_stop",
              "name": "Western Avenue - SW-bound",
              "description": "Buckingham",
              "latitude": 52.00437,
              "longitude": -0.98989,
              "accuracy": 20,
              "atcocode": "040000004581",
              "distance": 846.0
          },
          {
              "type": "bus_stop",
              "name": "Overn Avenue - NE-bound",
              "description": "Buckingham",
              "latitude": 52.00378,
              "longitude": -0.98884,
              "accuracy": 20,
              "atcocode": "040000002388",
              "distance": 872.0
          }
      ]
  }
  
  </code></pre>
  
  <p>In this MapView section you will see the map method I am using, the markers are not being displayed for some reason. I am getting a TypeError: this.state.markers.map is not a function:</p>
  
  <pre><code>          &lt;MapView
                style={styles.map}
                showsUserLocation={true}
                initialRegion={{
                    latitude: this.state.latitude,
                    longitude: this.state.longitude,
                    latitudeDelta: 0.0462,
                    longitudeDelta: 0.0261,
            }}
            &gt;
  
                {this.state.markers.map(marker =&gt; (
                    &lt;Marker
                        coordinate={{ latitude: marker.member.latitude, longitude: marker.member.longitude}}
                    /&gt;
                ))}
  
            &lt;/MapView&gt;
      );
    }
  }
  
  </code></pre>