Javascript 如何显示来自json文件的标记列表？

我正在使用airbnb制作的软件包react native maps。以下是链接：

当我想在地图上显示标记列表时，我遇到了一个问题。我为测试制作了一个json文件，如下所示：

{
    "shop_1": {
        "id": "1",
        "name": "Shop 1",
        "latitude": "48.886674",
        "longitude": "2.210269"
    },
    "shop_2": {
    ...
}

我一直在寻找一个解释，但我不明白如何使我的结构成为可能

MapView的API。标记：

Map.js

import React, { Component } from 'react';
import Geolocation from '../geolocation/Geolocation';
import Shops from '../shops/Shop';
import {
  Text,
  View
} from 'react-native';
import MapView from 'react-native-maps';
import styles from './Style';

class Map extends Geolocation {

  constructor(props) {
    super(props);
    this.shops = require('./data/shops.json');
  }

  render() {
    return (
      <View>
        <MapView style={styles.map}
        region={{
          latitude: this.state.position.coords.latitude,
          latitudeDelta: 0.001,
          longitude: this.state.position.coords.longitude,
          longitudeDelta: 0.001
        }}>
          <MapView.Marker coordinate={this.state.position.coords} title="Vous êtes ici !" image={require('./img/initialMarker.png')} />

        </MapView>
        <Shops />
      </View>
    );
  }

}

export default Map;

---

首先，在构造器中说明您的店铺，如下所示：

this.state = {
  shops: require('./data/shops.json')
};

{this.state.shops.map(shop => {
  <MapView.Marker coordinate={{latitude: shop.latitude, longitude: shop.longitude}} image={require('./img/initialMarker.png')} />
})}

然后在MapView中循环标记，如下所示：

this.state = {
  shops: require('./data/shops.json')
};

{this.state.shops.map(shop => {
  <MapView.Marker coordinate={{latitude: shop.latitude, longitude: shop.longitude}} image={require('./img/initialMarker.png')} />
})}

{this.state.shops.map（shop=>{
})}

在哪里设置

this.state.position.coords

？在另一个名为Geolocation.js的文件中，它是我的实际位置。我更新了我的问题我更新了我的答案。告诉我它是否有效？：）