React JS Google Maps距离矩阵错误:未捕获TypeError:locations.join不是formatLocations中的函数(index.js:45)

时间:2018-03-22 02:42:48

标签: javascript reactjs google-maps google-distancematrix-api

我不确定这是不是一个错误所以我会先征求意见,因为我对ReactJS很新

我正在尝试实施Google Distance Matrix以获得距离。

(如果有任何预先构建的reactjs替代解决方案,请告知我们)

我的代码:

arr.forEach(item => {
   newarray.push({arr.dataType: arr.dataValue});
})
newObject = {...newarray}

我真的只想在console.log()两个位置之间的距离,但我无法这样做......现在,它给了我这个错误:

  

未捕获的TypeError:locations.join不是函数       at formatLocations(index.js:45)   错误给了我什么:   enter image description here

1 个答案:

答案 0 :(得分:1)

当您致电handleFormSubmit时,错误来自GoogleMap.matrix功能,它应如下所示:

  handleFormSubmit = (event) => {
    const component = this
    // const { address, dest } = this.state
    let address = ["Toronto, ON, CA"];
    let dest = ["Vancouver, ON, CA"];

    event.preventDefault()
    // console.log(event)
    GoogleMap.matrix(address, dest, function (err, distances) {

注意多伦多和温哥华的括号;包期望这两个参数是数组,而不是字符串