Question

问题是Google Maps API从一个位置到另一位置的显示方向，未返回错误函数displayDirections（）。

到目前为止，在其他问题（例如here或here）的帮助下均未成功

完整代码here，对引号和单引号不满意，但不要认为这是问题所在。列出了该函数，其中所有其他函数均无问题地被调用。当我输入一个目的地时，然后当出现infoWindows时，我选择了View Route按钮，但是仍然收到未定义displayDirections的错误，我什至在App.js中将该函数移到了全局位置，但仍然无法弄清楚为何使用此功能

只需剪一下代码，如果缺少某些内容，则可能在完整代码中；

function displayDirections(origin) {
 hideListings()
 let directionsService = new window.google.maps.DirectionsService()
 let destinationAddress = document.getElementById('search-within-time-text').value
 let mode = document.getElementById('mode').value
     directionsService.route({
     origin: origin,
     destination: destinationAddress,
     travelMode: window.google.maps.TravelMode[mode]
      }, function(response, status) {
       if (status === window.google.maps.DirectionsStatus.OK) {
          let directionsDisplay = new window.google.maps.DirectionsRenderer({
            map: map,
            directions: response,
            draggable: true,
            polylineOptions: {
              strokeColor: 'green'
            }
          }) } else {window.alert('Directions request failed due to ' + status)
        }
      })
    }

let infowindow = new window.google.maps.InfoWindow({ content: durationText + ' away, 
    ' + distanceText + '<div><input id="route" type="button" value="View Route" onclick 
    =' + '{displayDirections("origins[i]")}></input></div>'})

Answer 1

这应该是模板文字吗？

onclick=displayDirections(`${origins[i]}`)

反应未定义的onclick函数

1 个答案: