Необработанное отклонение обещания: TypeError: undefined не является функцией, выполняющей оценку 'escapeloc.map', когда отображение для setState в реагирует на натив - PullRequest
Новая
       22

Необработанное отклонение обещания: TypeError: undefined не является функцией, выполняющей оценку 'escapeloc.map', когда отображение для setState в реагирует на натив

0 голосов
/ 25 апреля 2018

Я успешно получил ответ JSON от Google Directions, так как я пытаюсь получить информацию о транзите из ответа json, который вначале выглядит так, как успешно.

Object {
  "geocoded_waypoints": Array [
    Object {
      "geocoder_status": "OK",
      "place_id": "ChIJ2YDFT9zweUgRgt5Tws6n3hs",
      "types": Array [
        "premise",
      ],
    },
    Object {
      "geocoder_status": "OK",
      "place_id": "ChIJW2PCihXxeUgRRWgA9kOzpjY",
      "types": Array [
        "establishment",
        "food",
        "lodging",
        "point_of_interest",
        "restaurant",
      ],
    },
  ],
  "routes": Array [
    Object {
      "bounds": Object {
        "northeast": Object {
          "lat": 52.9242042,
          "lng": -1.466251,
        },
        "southwest": Object {
          "lat": 52.9004767,
          "lng": -1.4801554,
        },
      },
      "copyrights": "Map data ©2018 Google",
      "legs": Array [
        Object {
          "arrival_time": Object {
            "text": "9:21am",
            "time_zone": "Europe/London",
            "value": 1524558107,
          },
          "departure_time": Object {
            "text": "8:56am",
            "time_zone": "Europe/London",
            "value": 1524556589,
          },
          "distance": Object {
            "text": "3.4 km",
            "value": 3407,
          },
          "duration": Object {
            "text": "25 mins",
            "value": 1518,
          },
          "end_address": "Full St, Derby DE1 3AF, UK",
          "end_location": Object {
            "lat": 52.9242042,
            "lng": -1.4756769,
          },
          "start_address": "50 Chatham St, Derby DE23 8TH, UK",
          "start_location": Object {
            "lat": 52.9004767,
            "lng": -1.480144,
          },
          "steps": Array [
            Object {
              "distance": Object {
                "text": "0.2 km",
                "value": 175,
              },
              "duration": Object {
                "text": "2 mins",
                "value": 123,
              },
              "end_location": Object {
                "lat": 52.900963,
                "lng": -1.478217,
              },
              "html_instructions": "Walk to Randolph Road",
              "polyline": Object {
                "points": "_c{aIza`Hm@BEyHC_Ag@S?H",
              },
              "start_location": Object {
                "lat": 52.9004767,
                "lng": -1.480144,
              },
              "steps": Array [
                Object {
                  "distance": Object {
                    "text": "26 m",
                    "value": 26,
                  },
                  "duration": Object {
                    "text": "1 min",
                    "value": 18,
                  },
                  "end_location": Object {
                    "lat": 52.9007148,
                    "lng": -1.4801554,
                  },
                  "html_instructions": "Head <b>north</b> on <b>Chatham St</b> toward <b>Randolph Rd</b>",
                  "polyline": Object {
                    "points": "_c{aIza`Hm@B",
                  },
                  "start_location": Object {
                    "lat": 52.9004767,
                    "lng": -1.480144,
                  },
                  "travel_mode": "WALKING",
                },
                Object {
                  "distance": Object {
                    "text": "0.1 km",
                    "value": 126,
                  },
                  "duration": Object {
                    "text": "1 min",
                    "value": 88,
                  },
                  "end_location": Object {
                    "lat": 52.9007561,
                    "lng": -1.4782714,
                  },
                  "html_instructions": "Turn <b>right</b> onto <b>Randolph Rd</b>",
                  "maneuver": "turn-right",
                  "polyline": Object {
                    "points": "md{aI~a`HEyHC_A",
                  },
                  "start_location": Object {
                    "lat": 52.9007148,
                    "lng": -1.4801554,
                  },
                  "travel_mode": "WALKING",
                },
                Object {
                  "distance": Object {
                    "text": "23 m",
                    "value": 23,
                  },
                  "duration": Object {
                    "text": "1 min",
                    "value": 17,
                  },
                  "end_location": Object {
                    "lat": 52.900963,
                    "lng": -1.478217,
                  },
                  "html_instructions": "Turn <b>left</b> onto <b>St Thomas Rd</b><div style=\"font-size:0.9em\">Destination will be on the left</div>",
                  "maneuver": "turn-left",
                  "polyline": Object {
                    "points": "wd{aIdv_Hg@S?H",
                  },
                  "start_location": Object {
                    "lat": 52.9007561,
                    "lng": -1.4782714,
                  },
                  "travel_mode": "WALKING",
                },
              ],
              "travel_mode": "WALKING",
            },
            Object {
              "distance": Object {
                "text": "2.5 km",
                "value": 2460,
              },
              "duration": Object {
                "text": "15 mins",
                "value": 900,
              },
              "end_location": Object {
                "lat": 52.91829079999999,
                "lng": -1.4748049,
              },
              "html_instructions": "Bus towards Derby",
              "polyline": Object {
                "points": "_f{aIzu_HsPw@eHgW_IkOmHcPoLiNgKxQwHvL{LxKuK`G",
              },
              "start_location": Object {
                "lat": 52.900963,
                "lng": -1.478217,
              },
              "transit_details": Object {
                "arrival_stop": Object {
                  "location": Object {
                    "lat": 52.91829079999999,
                    "lng": -1.4748049,
                  },
                  "name": "Osmaston Road (Stop A8)",
                },
                "arrival_time": Object {
                  "text": "9:13am",
                  "time_zone": "Europe/London",
                  "value": 1524557580,
                },
                "departure_stop": Object {
                  "location": Object {
                    "lat": 52.900963,
                    "lng": -1.478217,
                  },
                  "name": "Randolph Road",
                },
                "departure_time": Object {
                  "text": "8:58am",
                  "time_zone": "Europe/London",
                  "value": 1524556715,
                },
                "headsign": "Derby",
                "line": Object {
                  "agencies": Array [
                    Object {
                      "name": "Arriva Midlands",
                      "url": "http://www.traveline.info/",
                    },
                  ],
                  "color": "#11416d",
                  "name": "Sapphire 38",
                  "text_color": "#ffffff",
                  "vehicle": Object {
                    "icon": "//maps.gstatic.com/mapfiles/transit/iw2/6/bus2.png",
                    "name": "Bus",
                    "type": "BUS",
                  },
                },
                "num_stops": 9,
              },
              "travel_mode": "TRANSIT",
            },
            Object {
              "distance": Object { ... truncated from a larger response...

Для отладки моего кода моя функция извлечения состоит из console.log () моя попытка получить данные, которые мне нужны, мне особенно нужно получить информацию об отправлении, и я считаю, что я успешенсделать это, вот моя попытка: 

fetch('https://maps.googleapis.com/maps/api/directions/json?origin=' + latitude + ',' + longitude + '&destination=' + goingto + '&mode=transit&transit_mode=bus&key=' + apiDirectionskey)
            .then((resdirections) => resdirections.json())
            .then((responseJson4) => {
                const departureloc = responseJson4.routes[0].legs[0].steps[1];
                console.log(departureloc);

приведенный выше код приводит к следующему результату JSON: 

Object {
  "distance": Object {
    "text": "3.1 km",
    "value": 3129,
  },
  "duration": Object {
    "text": "20 mins",
    "value": 1200,
  },
  "end_location": Object {
    "lat": 52.92222599999999,
    "lng": -1.471283,
  },
  "html_instructions": "Bus towards Derby",
  "polyline": Object {
    "points": "_f{aIzu_HsPw@eHgW_IkOmHcPoLiNgKxQwHvL{LxKuK`G{AqEJoPcU`A",
  },
  "start_location": Object {
    "lat": 52.900963,
    "lng": -1.478217,
  },
  "transit_details": Object {
    "arrival_stop": Object {
      "location": Object {
        "lat": 52.92222599999999,
        "lng": -1.471283,
      },
      "name": "Bus Station (Bay 19)",
    },
    "arrival_time": Object {
      "text": "9:45am",
      "time_zone": "Europe/London",
      "value": 1524645900,
    },
    "departure_stop": Object {
      "location": Object {
        "lat": 52.900963,
        "lng": -1.478217,
      },
      "name": "Randolph Road",
    },
    "departure_time": Object {
      "text": "9:24am",
      "time_zone": "Europe/London",
      "value": 1524644676,
    },
    "headsign": "Derby",
    "line": Object {
      "agencies": Array [
        Object {
          "name": "Arriva Midlands",
          "url": "http://www.traveline.info/",
        },
      ],
      "color": "#11416d",
      "name": "Sapphire 38",
      "text_color": "#ffffff",
      "vehicle": Object {
        "icon": "//maps.gstatic.com/mapfiles/transit/iw2/6/bus2.png",
        "name": "Bus",
        "type": "BUS",
      },
    },
    "num_stops": 12,
  },
  "travel_mode": "TRANSIT",
}

, поскольку он показывает, что возвращает фактическую информацию JSON, которая мне нужна,и я хочу получить информацию о транзите, в частности, о месте отправления_топа, которое выглядит следующим образом: 

"departure_stop": Object {
      "location": Object {
        "lat": 52.900963,
        "lng": -1.478217,
      },
      "name": "Randolph Road",
    }

Я нахожусь в процессе получения этих данных о месте отправления, поэтому я могу установить setState ().после первоначальных попыток использовать .map (), чтобы я мог получить значения широты и долготы, мне не удается это сделать, поскольку я получаю следующее: [Unhandled promise rejection: TypeError: undefined is not a function (evaluating 'departureloc.map')]

Вот моя попытка: 

 fetch('https://maps.googleapis.com/maps/api/directions/json?origin=' + latitude + ',' + longitude + '&destination=' + goingto + '&mode=transit&transit_mode=bus&key=' + apiDirectionskey)
            .then((resdirections) => resdirections.json())
            .then((responseJson4) => {
                //const departureloc = responseJson4.routes[0].legs[0].steps[1];
                const departureloc = responseJson4.routes[0].legs[0].steps[1];
                console.log(departureloc);
                let busscoords = departureloc.map((outcome) => {
                    return ( {
                                latitude: console.log(outcome.departure_stop.location.lat),
                                //longitude: outcome.departure_stop.location.lng,


                    });
                });
                //this.setState(console.log({ departureloc }));


            });
    }

Я что-то пропустил?или в чем моя ошибка?Любые указатели о том, как сделать это правильно, будет принята с благодарностью.Спасибо

фактический JSON от: 

 const departureloc = responseJson4.routes[0].legs[0].steps[1];
                    console.log(departureloc);

Object {
  "distance": Object {
    "text": "3.1 km",
    "value": 3129,
  },
  "duration": Object {
    "text": "21 mins",
    "value": 1260,
  },
  "end_location": Object {
    "lat": 52.92222599999999,
    "lng": -1.471283,
  },
  "html_instructions": "Bus towards Derby",
  "polyline": Object {
    "points": "_f{aIzu_HsPw@eHgW_IkOmHcPoLiNgKxQwHvL{LxKuK`G{AqEJoPcU`A",
  },
  "start_location": Object {
    "lat": 52.900963,
    "lng": -1.478217,
  },
  "transit_details": Object {
    "arrival_stop": Object {
      "location": Object {
        "lat": 52.92222599999999,
        "lng": -1.471283,
      },
      "name": "Bus Station (Bay 19)",
    },
    "arrival_time": Object {
      "text": "4:14pm",
      "time_zone": "Europe/London",
      "value": 1524669240,
    },
    "departure_stop": Object {
      "location": Object {
        "lat": 52.900963,
        "lng": -1.478217,
      },
      "name": "Randolph Road",
    },
    "departure_time": Object {
      "text": "3:52pm",
      "time_zone": "Europe/London",
      "value": 1524667961,
    },
    "headsign": "Derby",
    "line": Object {
      "agencies": Array [
        Object {
          "name": "Arriva Midlands",
          "url": "http://www.traveline.info/",
        },
      ],
      "color": "#11416d",
      "name": "Sapphire 38",
      "text_color": "#ffffff",
      "vehicle": Object {
        "icon": "//maps.gstatic.com/mapfiles/transit/iw2/6/bus2.png",
        "name": "Bus",
        "type": "BUS",
      },
    },
    "num_stops": 12,
  },
  "travel_mode": "TRANSIT",
}

1 Ответ

0 голосов
/ 25 апреля 2018

Поскольку departureloc является Object, поэтому вы не можете использовать .map для него

Метод map() создает новый массив с результатами вызова предоставленной функции для каждогоэлемент в вызывающем массиве .

Если вам нужно map на Object, используйте Object.keys, поскольку возвращаетмассив с указанными object's именами свойств и использованием setState на основе свойств key'.

и добавлением условия, чтобы не возвращать неопределенные значения как 

Object.keys(departureloc).map(value => {
  if(departureloc[value] && departureloc[value].lat) {
     return //...
  }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...