Как прочитать этот локальный файл JSON, и получить рендеринг координат на карте с маркерами на Adroid? - PullRequest
Новая
       31

Как прочитать этот локальный файл JSON, и получить рендеринг координат на карте с маркерами на Adroid?

0 голосов
/ 22 октября 2019

Моя проблема - прочитать локальный файл json и получить координаты, вот код для импорта файла: 

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

И мне нужно привязать его к этим параметрам маркеров координат при поиске по идентификатору,и показать его на моей карте: 

     {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

1 Ответ

0 голосов
/ 25 октября 2019

Я получил ответ на эту проблему здесь:

это: 

 {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), makeможно прочитать координаты из локального файла JSON. здесь ниже приведен полный код в примере с закусками, не стесняйтесь использовать этот код, возможно, это спасет некоторые жизни .. хехехе

вот ссылка: Маркер карты с координатами json theследующий код имеет бонус, можно взять адрес с PinMarker на карте, с изменением иконки анимации ...

...