Mi problema es leer el archivo json local y buscar las coordenadas, aquí hay un código para importar el archivo:

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

Y necesito ajustarlo a los marcadores de coordenadas de estos parámetros por búsqueda de identificación y mostrarlo en mi mapa:

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

Aquí está el código json.file, por ejemplo:

[
    {
        "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": ""
    }
]

enter image description here

0
Matheus cabral 22 oct. 2019 a las 17:45

1 respuesta

La mejor respuesta

Tengo la respuesta para este problema aquí están las modificaciones:

Esta:

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

A :

{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>
          )
        )
      )}

El código: JSON.parse(reference.latitude), hace posible leer las coordenadas de un archivo json local. A continuación se muestra el código completo siguiente en un ejemplo de bocadillo. Siéntase libre de usar este código, es posible que salve algunas vidas .. jejeje

Aquí está el enlace: Marcador de mapa con un coordenadas json el siguiente código tiene una bonificación, es posible tomar la dirección de un PinMarker en el mapa, con el cambio de icono de animación ...

0
Matheus cabral 25 oct. 2019 a las 17:28