如何读取此本地json文件，并使用Adroid上的标记获取地图上的坐标渲染？

Question

我的问题是读取本地json文件并获取坐标，这是一些导入文件的代码：

const data = require('./3ª Légua-Oriental-Nossa Senhora das Graças.json');

而且我需要通过id搜索将其设置为此参数坐标标记，并将其显示在我的地图上：

     {data.map(
          (coordinates, index, title) => (
            <MapView.Marker
              key={`coordinate_${index}`}
              title={'Ponto'}
              coordinate={{
                latitude: coordinates.latitude,
                longitude: coordinates.longitude,
              }}>
            </MapView.Marker>
          )
      )}

例如，这里是json.file代码，有人可以帮助我???：

[
{
    "id": "1",
    "latitude": "-29.271225",
    "longitude": "-51.1895903",
    "horario de inicio": "05:55:00"
},
{
    "id": "2",
    "latitude": "-29.2511256",
    "longitude": "-51.1932803",
    "horario de inicio": ""
},
{
    "id": "3",
    "latitude": "-29.2434067",
    "longitude": "-51.1985995",
    "horario de inicio": ""
},
{
    "id": "4",
    "latitude": "-29.2358186",
    "longitude": "-51.1889452",
    "horario de inicio": ""
},
{
    "id": "5",
    "latitude": "-29.2315023",
    "longitude": "-51.1893468",
    "horario de inicio": ""
}
]

请让我知道代码...

[[andorid错误，iphone工作正常]https://i.stack.imgur.com/adJFl.png

Answer 1

我对这个问题的答案是修改：

此：

 {data.map(
      (coordinates, index, title) => (
        <MapView.Marker
          key={`coordinate_${index}`}
          title={'Ponto'}
          coordinate={{
            latitude: coordinates.latitude,
            longitude: coordinates.longitude,
          }}>
        </MapView.Marker>
      )
  )}

至：

{locations.map(
        (locations, id, latitude, longitude, hora) => (
          console.log(locations.latitude, locations.latitude),
          (
            <MapView.Marker
              onPress={this.handleMapPress}
              ref={mark => (locations.mark = mark)}
              key={id}
              title={'Parada'}
              description={locations.hora}
              coordinate={{
                latitude: JSON.parse(locations.latitude),
                longitude: JSON.parse(locations.longitude),
              }}>
              <Image
                onPress={e => this.onPressMarker(e, id)}
                source={
                  this.state.selectedMarkerIndex === id
                    ? placholder2
                    : placholder
                }
                style={styles.icon}
              />
            </MapView.Marker>
          )
        )
      )}

代码：JSON.parse(reference.latitude),使从本地json文件读取坐标成为可能。以下是零食示例中的以下完整代码，可以随时使用此代码，可能会挽救一些生命。.[hehehe

这里是链接：Map marker with a json coordinates以下代码有好处，可以从地图中的PinMarker获取地址，并更改动画图标...